Ash Workshop color palette — #F4F6EE · #C0ECF2 · #7E9BC0 · #4F7968 · #5F4B5C

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

The five colors

• Ivory (#F4F6EE): a clean, paper-quiet neutral.
• Frost (#C0ECF2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#7E9BC0): A luminous, dusty blue — the color of open sky before noon.
• Teal (#4F7968): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#5F4B5C): A full-bodied, 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 Ash Workshop 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 Ash Dune color palette (#F4F6EE, #C0EBEB, #76A593, #557862, #345149)
• Ash Grove color palette (#F6F1EA, #C7E4E8, #839DC7, #3F7383, #442E3E)
• Ancient Cerulean color palette (#F0F7F1, #DBDDEC, #9CB3D2, #638DA2, #47526B)
• Ancient Taupe color palette (#FCF1FC, #88B3E8, #C381A0, #4C75A6, #634442)
• Timeworn Alley color palette (#EEF0E3, #7EBCCE, #007394, #004F55, #003249)
• Tempered Powder color palette (#FFF0FD, #AAC9FF, #637FB1, #3B5176, #452C43)
• Timeworn Cerulean Bloom color palette (#F0F1E4, #3BA0A8, #00535F, #00302D, #00171E)
• Hushed Courtyard color palette (#F5F7E9, #7FDFED, #008EA7, #006665, #00475B)

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