Tempered Ash color palette — #F2F2EB · #C5E3DB · #6AA8B0 · #5A7353 · #253C2E

A conversation between Blue Fog and Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#F2F2EB): bright and airy, almost weightless.
• Silver (#C5E3DB): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#6AA8B0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Olive (#5A7353): A full-bodied, dusty green — the color of new leaves after rain.
• Forest (#253C2E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Muted Cabin color palette (#E3F8E9, #44ACBF, #8088C3, #5A855C, #162D1F)
• Timeworn Petrol color palette (#F1F3EC, #C2E4E7, #7BA0C5, #3B738A, #412F42)
• Wandering Cypress color palette (#E0E0D4, #87A686, #00656A, #003A32, #000D11)
• Wandering Driftwood color palette (#E8F6ED, #C3E2E2, #9ABBD2, #77967D, #2F4037)
• Tempered Lagoon Parlor color palette (#E2FAD6, #73C2B9, #409D9D, #07666C, #233D2B)
• Tempered Cerulean color palette (#ECEEE2, #328592, #004351, #001F1F, #000203)
• Hushed Cerulean color palette (#F1F4E4, #9EDAEF, #008FBC, #00616B, #00283D)
• Antique Field color palette (#E8EBE0, #91BFAC, #0072AA, #004959, #00172D)

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