Tempered Ash color palette — #F9F0EB · #C2ECE8 · #77A2C0 · #3F776D · #422F41

A conversation between Blue Fog and Teal, giving this palette its sense of trust and stability.

The five colors

• Cream (#F9F0EB): a clean, paper-quiet neutral.
• Honeydew (#C2ECE8): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#77A2C0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#3F776D): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#422F41): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Patina Balcony color palette (#F8F0EB, #C2EEDF, #66A8B5, #64732E, #243C33)
• Hushed Ash color palette (#FAF3F7, #D6E0F2, #769EC1, #467B69, #485368)
• Dusty Denim Corridor color palette (#F9EAE2, #4DABBD, #006085, #003A30, #000A1F)
• Blush Delta color palette (#FFEDED, #CD7FAF, #5C9E77, #68815F, #362121)
• Cobalt Field color palette (#FCEFE4, #9FD7FF, #5781CD, #006168, #211D4C)
• Weathered Grove color palette (#F3E6DF, #73C4BF, #00788A, #004F29, #001926)
• Mallow Garden color palette (#FFEDEC, #E696C2, #6CAD82, #925F7B, #30322B)
• Muted Navy Canyon color palette (#EFDBCE, #2E83A5, #003C6E, #001F1F, #01000C)

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