Tempered Ash Canyon color palette — #F1F7F0 · #DADDEE · #8B97C2 · #4C7682 · #4E5068
A conversation between Blue Fog and Slate, giving this palette its sense of sophistication.
The five colors
- Ivory (#F1F7F0): a clean, paper-quiet neutral.
- Silver (#DADDEE): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#8B97C2): A luminous, dusty violet — the color of a velvet chair.
- Slate (#4C7682): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#4E5068): A full-bodied, dusty violet — the color of wild irises.
Feels like: Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Ash Canyon 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
- Muted Cerulean color palette (#EEF7F7, #D9DBE9, #95B3DC, #5B8DAA, #43536C)
- Ancient Petrol Garden color palette (#F0F3EC, #C2E4E9, #AF90B0, #44718A, #432E41)
- Coral Alley color palette (#FFEFFF, #D6787E, #49989B, #3E7894, #4A3E4A)
- Blush Alley color palette (#FCF1FF, #EC91A6, #53A8AB, #9D5C6B, #31535D)
- Petrol Courtyard color palette (#F8EAF2, #72BED3, #006CB0, #00523F, #232954)
- Muted Cobalt Orchard color palette (#FDF1FA, #8BDDEB, #0089C4, #006A46, #2F3E63)
- Hushed Harbor color palette (#FAE9F7, #00A2AE, #00506F, #00321A, #000F38)
- Softworn Alley color palette (#ECF9EC, #BFBA8A, #977B53, #6F5465, #384D48)
Browse the whole catalog at Explore, or see today's palette.