Tempered Ash color palette — #F4F6EF · #C7E5E7 · #779EC1 · #42778A · #604A61

Blue Fog and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C7E5E7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#779EC1): A luminous, dusty blue — the color of deep harbor water.
• Slate (#42778A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#604A61): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, 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

• Cypress Ridge color palette (#F6F1EC, #C6E5E7, #859EC2, #23787D, #472C3E)
• Muted Corridor color palette (#F4F6EF, #C6E6E5, #77A492, #407883, #355148)
• Dusty Lagoon color palette (#FAF3F6, #DADEED, #98B3D7, #3D959B, #47526D)
• Tempered Cerulean color palette (#FFEFFF, #ACCCF6, #6484AF, #355379, #48304B)
• Softworn Dune color palette (#EEF0E4, #80BDC8, #00748C, #004F51, #003344)
• Wandering Canyon color palette (#E2E2D1, #599D9B, #005459, #003129, #00181C)
• Tempered Courtyard color palette (#E8EDDD, #5984AF, #00397E, #002030, #01022C)
• Softworn Bronze color palette (#FAF5E8, #C1B898, #987D36, #78570A, #544700)

Browse the whole catalog at Explore, or see today's palette.