Ash Coast color palette — #F0F7F2 · #B8DAC9 · #77A895 · #877787 · #3F5249

Jade and Oat set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Oat (#B8DAC9): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#77A895): A luminous, dusty teal — the color of shallow lagoons.
• Driftwood (#877787): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal Brown (#3F5249): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Ash Coast 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

• Hushed Atelier color palette (#EEF8F0, #D0C595, #949263, #876679, #31493B)
• Ancient Cocoa color palette (#F9F5EB, #C4E0CC, #ABB47E, #9B7E75, #564400)
• Aged Study color palette (#EEF7F6, #D1DEEE, #8AB9CE, #5C909B, #3E5663)
• Weathered Amber Parlor color palette (#FFF0FB, #ECB5AA, #A4BA87, #C27466, #2B564C)
• Apricot Quarry color palette (#FFF0FB, #E89A8A, #B0A670, #AB82AC, #4E3B4A)
• Tempered Boulevard color palette (#D2EBE4, #8AB27C, #42824D, #744A31, #00312B)
• Timeworn Taupe Alley color palette (#FCF1FF, #FCB7C1, #D18A89, #9D625D, #5D4457)
• Weathered Fern color palette (#D4EDE0, #717B38, #374E00, #4D1611, #050700)

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