Tempered Ash color palette — #F0F3EB · #BFE7ED · #7F9EC8 · #4A7565 · #422F40
A conversation between Blue Fog and Teal, giving this palette its sense of trust and stability.
The five colors
- Cream (#F0F3EB): a clean, paper-quiet neutral.
- Frost (#BFE7ED): A whisper-light, dusty blue — the color of deep harbor water.
- Blue Fog (#7F9EC8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#4A7565): A full-bodied, dusty teal — the color of sea glass.
- Charcoal (#422F40): A deep, shadowed, dusty pink — the color of neon signs at night.
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
- Wandering Terrace color palette (#F1F3EA, #BCEAE5, #7BA890, #56745A, #243C32)
- Petrol Study color palette (#F1F7F2, #DADDED, #839AC1, #417789, #46526D)
- Weathered Periwinkle color palette (#FEEBFC, #6D9BEE, #AF77AD, #348787, #30212F)
- Washed Sky Summit color palette (#C9F3DE, #62BFEE, #488AB6, #3E6080, #443144)
- Sky Market color palette (#E2F7F1, #73BAF8, #76AB82, #4376A2, #30322B)
- Dusty Petrol color palette (#E8EAE0, #6AC1DB, #007699, #004A51, #001827)
- Weathered Ridge color palette (#FAF4EE, #CCE7EA, #CAA3C0, #6F9071, #634A54)
- Dusty Cerulean color palette (#F2F4E1, #87E0EE, #0092AD, #006262, #002A37)
Browse the whole catalog at Explore, or see today's palette.