Weathered Coast color palette — #FFF2EC · #DAB297 · #A96F49 · #824A00 · #613F00

A conversation between Bronze and Mocha, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Sand (#DAB297): A luminous, dusty gold — the color of old brass.
• Mocha (#A96F49): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#824A00): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#613F00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged muted, warm.

Use it as a design system

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

• Antique Balcony color palette (#FFF2EF, #DFACB2, #B06A68, #953B2F, #78300F)
• Dusty Chestnut color palette (#FFF3E7, #DBBD93, #A08448, #6B5900, #2B4F1C)
• Bronze Garden color palette (#FAF1FF, #F3B9B7, #D18C6A, #90651E, #4D4907)
• Driftwood Pier color palette (#FBF3F1, #DDD9D2, #A7B0A8, #A9716E, #5A504D)
• Weathered Amber color palette (#FCEDDD, #B48639, #735800, #3E3400, #10260B)
• Moonless Lagoon color palette (#FCE9E1, #894300, #482900, #180D00, #020300)
• Fern Meadow color palette (#FFF7C7, #ADB076, #687A2B, #365B00, #114700)
• Hushed Pine color palette (#F9F5EB, #A59868, #557C52, #00615D, #194762)

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