Tempered Ash color palette — #F8F0EB · #C2EAEB · #869DC4 · #3D7770 · #432F3A

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

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Frost (#C2EAEB): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#869DC4): A luminous, dusty violet — the color of wild irises.
• Teal (#3D7770): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#432F3A): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Calm, 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

• Aged Lilac Lantern color palette (#F4F3E1, #A5BE7E, #9893D3, #667A44, #402936)
• Softworn Petrol color palette (#F4F6EF, #C4E7E8, #75A595, #39788A, #35514A)
• Hushed Olive color palette (#FAEFED, #C8E9DE, #7EA790, #69712A, #213C36)
• Hushed Courtyard color palette (#FBF2F6, #D9DFEE, #9BB4D1, #5D8F9E, #495267)
• Aged Moss Thicket color palette (#F7F3DA, #92A652, #9B80B3, #846D99, #2B2814)
• Patina Delta color palette (#FAEFE9, #A9D3BA, #4881B1, #005D48, #2F1629)
• Wandering Lagoon color palette (#F1E6E2, #77C1C9, #00759F, #004E2C, #021336)
• Bone Quarry color palette (#F7F2DF, #B0E7DF, #9DC3D0, #A28A70, #3C3C35)

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