Tempered Ash color palette — #EFF6FF · #FFD2C5 · #86A0C3 · #5C6E86 · #272C32

Blue Fog and Shell Pink set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Shell Pink (#FFD2C5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Blue Fog (#86A0C3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#5C6E86): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#272C32): quiet, heavy and certain.

Feels like: Sophistication. Tagged luxury, dark, 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

• Worn Seafoam color palette (#F1F5FF, #A2E9B7, #888ECF, #57627F, #1C212F)
• Aged Sand Meadow color palette (#EAF9F3, #EACD91, #5B839E, #38544A, #232E2A)
• Soft Iris Dune color palette (#EFF6FF, #FFC265, #6189E7, #465A88, #101B2C)
• Weathered Meadow color palette (#ECF4F1, #DFBBA3, #436582, #0B3A30, #0B1713)
• Powder Meadow color palette (#F0F5FF, #9ABDFF, #CBA26A, #789777, #253D3B)
• Wandering Stone Terrace color palette (#F1F5FD, #DED8E2, #A7CAC1, #BFAEB1, #505358)
• Antique Ash color palette (#E4FBF6, #ADD5FF, #C99DC9, #7C956F, #414758)
• Timeworn Mustard Market color palette (#D4DFF0, #CEBA14, #5276C1, #2F4778, #030B1B)

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