Tempered Ash Terrace color palette — #F4F6EE · #B7EAEE · #7FA9D2 · #4E8298 · #553F55

Built around Blue Fog, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Ivory (#F4F6EE): a clean, paper-quiet neutral.
• Sea Foam (#B7EAEE): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#7FA9D2): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4E8298): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#553F55): 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 Terrace 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

• Petrol Courtyard color palette (#F9F4EE, #C5E5D9, #6B8DB6, #116E7F, #5A3C55)
• Ancient Powder Delta color palette (#F5F6EE, #C5EAE5, #80BBCF, #579294, #355145)
• Powdered Azure Corridor color palette (#F3F7EB, #B3E2FF, #14A3F9, #007E9C, #1C4169)
• Dusty Petrol Thicket color palette (#E8EADB, #62C2CF, #008299, #005958, #00242F)
• Turquoise Villa color palette (#F5F6EC, #97E4E5, #00A9B7, #277B70, #20432E)
• Denim Bloom color palette (#E1E5D6, #549DB8, #006083, #003A42, #000A15)
• Washed Hollow color palette (#ECFBE5, #3CD2B9, #C89D43, #009582, #46423B)
• Teal Delta color palette (#E3FEE2, #00BCB9, #6B99DF, #76914B, #2D3D2C)

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