Tempered Ash color palette — #F1F7F2 · #D3E0F2 · #68A3BA · #447881 · #405567

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Frost (#D3E0F2): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#68A3BA): A luminous, dusty blue — the color of open sky before noon.
• Slate (#447881): A full-bodied, dusty blue — the color of open sky before noon.
• Peacock (#405567): A full-bodied, dusty blue — the color of open sky before noon.

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

• Tempered Denim Station color palette (#DFEEE2, #66ACB4, #006177, #003F36, #002334)
• Tempered Oat color palette (#F1F5FF, #DDD7E1, #DDB9D7, #7990AC, #4F5363)
• Aged Market color palette (#F5F0F4, #D2DDEE, #80A0BC, #237C5D, #28364F)
• Hushed Iris Coast color palette (#F1F5FF, #8D91D3, #B17A66, #488567, #3A4256)
• Aged Cobalt Corridor color palette (#E1F1FF, #8FBAE9, #7487BF, #565D90, #544762)
• Lagoon Drift color palette (#FAF3F0, #CFE5E2, #8EB7D4, #519678, #63495E)
• Wandering Workshop color palette (#E8F1EA, #89B7DB, #3867AD, #004D5D, #222A51)
• Abyss Harbor color palette (#D8E6DA, #498A9F, #00425F, #002223, #000919)

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