Tempered Ash color palette — #F7F1EA · #C0EBF1 · #8C9BC3 · #50755B · #452E3A

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

The five colors

• Cream (#F7F1EA): a clean, paper-quiet neutral.
• Frost (#C0EBF1): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#8C9BC3): A luminous, dusty violet — the color of a velvet chair.
• Teal (#50755B): A full-bodied, dusty teal — the color of glacier melt.
• Espresso (#452E3A): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Tempered Delta color palette (#FBF2F5, #DADDEE, #8B97C3, #3C7A7C, #4E506A)
• Aged Cerulean color palette (#F9F0EB, #ADEAE6, #469BAD, #3F694F, #093428)
• Aqua Alley color palette (#EAF6E9, #4FC9C5, #CD8491, #25817E, #442923)
• Softworn Pier color palette (#EAF6E8, #D3D5EA, #E5B7BF, #8E9778, #334038)
• Worn Teal Bloom color palette (#E4F9E2, #00B3AD, #C07386, #996C60, #202B1F)
• Timeworn Cobalt color palette (#F8F0EA, #9ED0E8, #407FC1, #005B5A, #31142B)
• Worn Lagoon Basin color palette (#EBDDD7, #2D8789, #004352, #002112, #000103)
• Washed Petrol color palette (#F1E7E1, #7ABFD4, #0072AA, #004C44, #041336)

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