Color Palette
Design System
Absolute Rest Colors
A carefully curated palette designed to convey warmth, tranquility, and sophistication. Click any color to copy its hex code.
8 colors
Primary Brand Colors
The foundational color palette that defines the Absolute Rest brand identity.
7 colors
Dark Section Colors
Colors for dark mode sections, backgrounds, and text. Use #2E2344 and #4D3B70 for text on dark cards.
7 colors
Heat Progression Scale
A 7-step gradient progression representing intensity and depth. Used for heatmaps, progress indicators, and data visualization.
7 colors
Warm Tones Palette
Inspired by the Essentials fog aesthetic. These warm, earthy tones add natural warmth and comfort.
5 colors
Night to Day Progression
Colors representing the transition from night to day, used in the onboarding survey to create an atmospheric journey from deep night (step 1) to full daylight (step 5).
3 colors
Utility Colors
Functional colors for specific UI states and feedback.
Overview