Weathered Cocoa Harbor color palette — #FFF2EA · #F2C6AA · #D49E85 · #AE796B · #593300

Cocoa takes the lead with Camel close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#F2C6AA): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#D49E85): A luminous, dusty orange — the color of sun-warmed clay.
• Caramel (#AE796B): A luminous, dusty orange — the color of toasted spice.
• Cocoa (#593300): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Weathered Cocoa Harbor 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 Driftwood color palette (#FEF4E0, #DECFAA, #B9AC80, #9C8557, #3F3D36)
• Dusty Delta color palette (#FFF2EA, #DAB694, #AD866D, #895A5C, #403D36)
• Hushed Bronze color palette (#FCEDF5, #CEA082, #A7603C, #6B3F32, #311B24)
• Bronze Study color palette (#FFE6D0, #B68451, #A45600, #7D3300, #130900)
• Sunlit Amber color palette (#F5D9BB, #E7AC4C, #CE8000, #A75A00, #362600)
• Mint Corridor color palette (#F6F7E5, #94C37C, #CD7D85, #A96C3D, #2E2610)
• Aged Station color palette (#EEDDBF, #918129, #755C00, #543A00, #040400)
• Fern Lantern color palette (#F3F7E7, #D8DA9F, #6FA479, #5E6A24, #212318)

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