Tempered Drift color palette — #CAE8D1 · #FFB799 · #00D3F9 · #304538 · #232E27
Ice Blue and Melon set the tone — five colors that lean into trust and stability.
The five colors
- Celadon Mist (#CAE8D1): A whisper-light, dusty teal — the color of glacier melt.
- Melon (#FFB799): A whisper-light, balanced orange — the color of toasted spice.
- Ice Blue (#00D3F9): A luminous, balanced blue — the color of deep harbor water.
- Forest (#304538): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Forest (#232E27): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged neon, dark, vibrant, muted.
Use it as a design system
One click turns Tempered Drift into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Sand Studio color palette (#CDE8D7, #FFB983, #A1BCFF, #4D3A4A, #30292F)
- Hazy Magenta Dune color palette (#E0E2C5, #48DCFC, #E055E4, #452A2F, #271417)
- Mallow Drift color palette (#BCE8EE, #FFB4E3, #C1BFFF, #715766, #2B2428)
- Aged Chapel color palette (#EAFFB7, #FFEAD9, #C8DFFF, #26384D, #0E141A)
- Seafoam Courtyard color palette (#FFDB87, #66FBC4, #BB8FE5, #523841, #31272A)
- Antique Ash Thicket color palette (#FBF2F5, #E4D8D3, #C9BEB4, #9B84AE, #524348)
- Muted Mallow color palette (#FFEBE4, #FFA0DA, #AFA2FF, #3F344D, #24272F)
- Petrol Alley color palette (#FFF0FA, #C9C796, #656F9B, #53394C, #2B1C27)
Browse the whole catalog at Explore, or see today's palette.