Tempered Ash color palette — #F1F7F2 · #D5D6E6 · #AFC4E5 · #659DA3 · #385161
Built around Storm Blue, softened by Sky — the whole palette hums with calm and sophistication.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D5D6E6): A whisper-light, dusty violet — the color of a velvet chair.
- Sky (#AFC4E5): A luminous, dusty blue — the color of open sky before noon.
- Storm Blue (#659DA3): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#385161): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Calm, Sophistication, Softness, Clarity. 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
- Antique Drift color palette (#F8F5EF, #C9E7DF, #4CA8BB, #367D6B, #375146)
- Ancient Corridor color palette (#F0F5FF, #DCD8E2, #9EBDD9, #BAAFA8, #474D5D)
- Dusty Periwinkle color palette (#EFF6FF, #DCD7F2, #E9C68B, #7D9AD0, #324E36)
- Patina Basin color palette (#EBF7FF, #D1DAF5, #91B4E9, #6475A9, #3E4968)
- Muted Delta color palette (#F0F5FF, #B8CAFF, #E8A99E, #7FB088, #2D394C)
- Azure Coast color palette (#ECF9EE, #D4DFFC, #4E97D7, #006873, #0A1C40)
- Denim Corridor color palette (#E7F2E8, #69AFBB, #005E78, #002C27, #000103)
- Ancient Sky color palette (#EBFAEE, #D6D7E6, #4EBAF4, #008789, #043661)
Browse the whole catalog at Explore, or see today's palette.