Tempered Ash color palette — #F2F2EB · #C8DFD8 · #66A9AF · #3B776D · #213D2B

Blue Fog and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F2F2EB): bright and airy, almost weightless.
• Silver (#C8DFD8): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#66A9AF): A luminous, dusty blue — the color of deep harbor water.
• Teal (#3B776D): A full-bodied, dusty teal — the color of sea glass.
• Forest (#213D2B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: 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

• Weathered Coast color palette (#F0F3EC, #C2E4E8, #809FC2, #447287, #422F41)
• Petrol Meadow color palette (#E7EBDC, #94BEAB, #1B739F, #004956, #00172B)
• Aged Studio color palette (#E7E8D8, #46848A, #00434E, #001F1E, #000202)
• Washed Lagoon color palette (#FBF3EF, #C1E0E4, #A2C5E8, #6AA081, #37544A)
• Pewter Veranda color palette (#FCEDF1, #C7A4D6, #67A7B9, #856294, #103A25)
• Cerulean Cabin color palette (#F1F4E3, #92DDF0, #1490B3, #006167, #00293A)
• Faded Denim color palette (#E3E9D8, #75A0CD, #1F55A3, #00354E, #010034)
• Weathered Bronze Lantern color palette (#F7F2E0, #C3BC99, #968139, #6F5400, #2F2D19)

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