Tempered Ash color palette — #EFF6FF · #7D99C7 · #8E6749 · #6F4A2D · #3D481F

Built around Blue Fog, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Blue Fog (#7D99C7): A luminous, dusty violet — the color of a velvet chair.
• Walnut (#8E6749): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Coffee (#6F4A2D): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#3D481F): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Hushed Pewter Dune color palette (#E8F5F2, #79A0C8, #965C7E, #654500, #002F24)
• Timeworn Bronze Market color palette (#F0F5FF, #8496C7, #836E38, #315F3D, #1A4B49)
• Tempered Teal color palette (#ECF7FC, #45A9B0, #93615F, #774241, #593642)
• Hazy Cobalt color palette (#EDF6FF, #0084CC, #854700, #364700, #003419)
• Worn Pewter color palette (#EBF8F9, #64A88E, #8E5E82, #605322, #2A4B37)
• Ancient Ash Parlor color palette (#E3FAFF, #B4C8DB, #928EAB, #597470, #3A5259)
• Washed Iris color palette (#EDF7FF, #A6BAEE, #8879B6, #775887, #594D6A)
• Hushed Market color palette (#F2F7F0, #78DCCC, #DE8BB6, #639566, #42433C)

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