Tempered Ash color palette — #EFF7FA · #D8DAE2 · #B7AFB9 · #77A3B4 · #4A5458

Blue Fog takes the lead with Ash close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#EFF7FA): bright and airy, almost weightless.
• Silver (#D8DAE2): a clean, paper-quiet neutral.
• Ash (#B7AFB9): soft and architectural.
• Blue Fog (#77A3B4): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#4A5458): quiet, heavy and certain.

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

• Antique Bloom color palette (#E3EFF4, #97A7B5, #7786A6, #004E5D, #000B12)
• Weathered Cerulean Garden color palette (#EDF7FE, #D8D8EA, #C4BAD5, #0093C0, #30424E)
• Wandering Teal Terrace color palette (#EEF8F3, #ACDDD3, #6EAB8C, #65838F, #3D524E)
• Washed Aqua Bloom color palette (#EEF9ED, #6FD0D7, #7493C6, #8C6637, #394A54)
• Denim Courtyard color palette (#DCE3ED, #BDC3D9, #A4A0C3, #325EAA, #15202E)
• Timeworn Boulevard color palette (#E7F4FE, #4DA5D7, #4D586E, #2F3942, #1C2326)
• Softworn Indigo color palette (#F2F5FF, #DEDBF0, #E3ABC3, #7C62C9, #2E3242)
• Softworn Coast color palette (#F0F6FA, #D9DAE3, #BBAFB9, #69A5BC, #4D5458)

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