Tempered Ash color palette — #F0F6FC · #D9D9E1 · #B8AEB6 · #7DA0BE · #4B545B

Built around Blue Fog, softened by Ash — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Silver (#D9D9E1): a clean, paper-quiet neutral.
• Ash (#B8AEB6): a calm mid-gray that lets other colors speak.
• Blue Fog (#7DA0BE): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#4B545B): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Muted Lilac Dune color palette (#EFF6FF, #D5DBE8, #CCC1EE, #B7A0D8, #3A445C)
• Washed Cornflower Station color palette (#EFF6FF, #DCD7E7, #C7B9CF, #5C83D6, #364050)
• Softworn Ash color palette (#EFF8F0, #BCD9CA, #76A798, #6A818F, #3F5248)
• Timeworn Pier color palette (#E6EDF6, #9EA5B2, #818599, #004583, #020A15)
• Softworn Garden color palette (#EAFAED, #95C3F1, #908BBF, #8A6073, #3B485D)
• Weathered Denim Basin color palette (#E1E2EA, #C3C2D1, #A99FBB, #68509A, #1C1E2C)
• Driftwood Boulevard color palette (#EFF6FE, #93B3DF, #AE7A96, #826235, #1D4D3A)
• Muted Iris color palette (#EBF2FF, #8198E0, #545769, #333842, #1E2227)

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