Washed Coast color palette — #F9EEF3 · #DCA77B · #8A7300 · #945100 · #031209

Ochre and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F9EEF3): a clean, paper-quiet neutral.
• Camel (#DCA77B): A luminous, balanced gold — the color of afternoon light on wheat.
• Walnut (#8A7300): A full-bodied, balanced green — the color of fresh herbs.
• Ochre (#945100): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#031209): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone, 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

• Hushed Garden color palette (#EDF4EF, #D1C397, #708E54, #896F00, #0A1916)
• Wandering Courtyard color palette (#F8EFF6, #DCA39B, #9D672E, #B22B27, #1A070F)
• Gentle Ridge color palette (#FCF3EE, #E9967C, #647900, #95442A, #272412)
• Sunlit Bronze Loft color palette (#FFF0D4, #BDAA6B, #897F0F, #484B00, #192500)
• Gentle Moss color palette (#FAF4EE, #F5B57A, #959600, #B86B00, #292412)
• Timeworn Olive Harbor color palette (#E0F9EA, #AC9C5E, #667229, #00524E, #022A1B)
• Hushed Bronze Lantern color palette (#EEF3EE, #CFDAD7, #AEC1BF, #996A27, #252F25)
• Pine Coast color palette (#E5F7EF, #A6B12A, #008132, #5A6100, #000C0B)

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