Dusty Coast color palette — #EFF8F0 · #A8BEB0 · #6B896F · #7A542E · #344E44

Coffee and Eucalyptus set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Stone (#A8BEB0): A luminous, dusty teal — the color of sea glass.
• Eucalyptus (#6B896F): A full-bodied, dusty green — the color of fresh herbs.
• Coffee (#7A542E): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Charcoal (#344E44): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Dusty 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

• Patina Chestnut color palette (#FFF1F8, #D0ADB9, #A0755E, #804E44, #3C4D3E)
• Tempered Driftwood color palette (#EAF5EB, #9DC6B3, #997E50, #6D4C60, #1D302D)
• Dusty Cocoa color palette (#FCF4E8, #EAD7B0, #C9B38A, #A18E7B, #564700)
• Olive Delta color palette (#DEF5E8, #98A371, #746B00, #5D4500, #243D11)
• Plum Parlor color palette (#F7F4FA, #CBB7DA, #A2704F, #A44778, #3A2730)
• Aged Garnet color palette (#F9E0ED, #B3899A, #8C5338, #732720, #1B381D)
• Washed Pier color palette (#F7F3FD, #B17E9C, #74875C, #006D70, #41394A)
• Tempered Chestnut color palette (#DEF5DF, #786625, #4C3300, #2D1500, #0C0C00)

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