Worn Coast color palette — #FFF2EB · #D4AA88 · #A3833F · #636A13 · #4E4F48

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Camel (#D4AA88): A luminous, dusty gold — the color of old brass.
• Caramel (#A3833F): A luminous, balanced gold — the color of old brass.
• Olive (#636A13): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#4E4F48): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Timeworn Harbor color palette (#FFECF3, #CDAA6E, #A6830A, #675D1B, #213F34)
• Wandering Garden color palette (#FFEEDE, #EBC289, #BF9F3C, #827833, #514F48)
• Bronze Orchard color palette (#FAF5E9, #BCB084, #8C92D3, #877100, #604256)
• Weathered Quarry color palette (#FFEBE9, #E5ADB4, #B76B54, #875200, #524F48)
• Timeworn Archive color palette (#FFF3E2, #B5BB88, #6E8F53, #007350, #3D5437)
• Dusty Fern color palette (#FDF4E3, #D1E7CF, #A1D1C3, #B07B64, #564D00)
• Washed Olive Pier color palette (#F0E2C6, #A59A3D, #3C8115, #005D2B, #00423A)
• Muted Grove color palette (#FAF5E4, #999D5E, #7C86BA, #7E629B, #44423B)

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