Washed Coast color palette — #FEF3EB · #C9B499 · #AB7144 · #7A5247 · #584600

A conversation between Mocha and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FEF3EB): bright and airy, almost weightless.
• Stone (#C9B499): A luminous, dusty gold — the color of old brass.
• Mocha (#AB7144): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#7A5247): A full-bodied, dusty orange — the color of autumn markets.
• Deep Olive (#584600): A full-bodied, balanced green — the color of a quiet forest floor.

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

Use it as a design system

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

• Wandering Bronze color palette (#FFF2E9, #DCC6AF, #C38E6D, #A16240, #604100)
• Tempered Driftwood Station color palette (#FEECF5, #D4B0BC, #A5775B, #6D4C64, #233025)
• Chestnut Basin color palette (#F8F5EC, #D5BC9A, #755A09, #3B3832, #242719)
• Feathered Cocoa Workshop color palette (#FFEBD4, #A99E5C, #905D00, #802705, #2B3C16)
• Hushed Bronze Corridor color palette (#F8F5EF, #D1BF8E, #4486A4, #866900, #22322B)
• Dusty Stone color palette (#FFF0F8, #C3E4C4, #D1A8BE, #9F8AA0, #3D4C44)
• Dusty Mulberry color palette (#F9F5E9, #96935E, #44899F, #7D497A, #3F3D36)
• Dusty Onyx Harbor color palette (#F4DBC6, #7E631F, #572B00, #3D0005, #0B0D00)

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