Tempered Ash color palette — #F4F6EE · #C2E9ED · #769DC5 · #46768B · #5C4C5C
Blue Fog and Slate set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F4F6EE): a clean, paper-quiet neutral.
- Frost (#C2E9ED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#769DC5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#46768B): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#5C4C5C): A full-bodied, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Ash 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
- Weathered Veranda color palette (#F5F6EE, #C3E9E3, #66A4B5, #59785A, #42594D)
- Worn Petrol color palette (#F5F1EA, #C4E6EA, #AD92AD, #327585, #432E3F)
- Patina Teal color palette (#EEF9EA, #63C3B6, #AE9560, #298278, #514C46)
- Weathered Petrol color palette (#EEF0E5, #6CBFD3, #007390, #004F53, #003346)
- Patina Teal Delta color palette (#F9F4EF, #CFE5E7, #B7C5F0, #4BB5B4, #684756)
- Dusty Veil Courtyard color palette (#ECF9ED, #B7E1EE, #9DC1D2, #788E74, #425146)
- Pale Glacier color palette (#F5F7E6, #6EE2ED, #008FA3, #006763, #004858)
- Weathered Lagoon color palette (#E3E5D2, #25A2A6, #00545C, #00302B, #00171D)
Browse the whole catalog at Explore, or see today's palette.