Weathered Cocoa Harbor color palette — #FFF3E5 · #FFC0A4 · #CDA67E · #8D8F68 · #6B3900

Bronze takes the lead with Wheat close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Wheat (#FFC0A4): A whisper-light, balanced orange — the color of autumn markets.
• Camel (#CDA67E): A luminous, dusty gold — the color of afternoon light on wheat.
• Eucalyptus (#8D8F68): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#6B3900): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged retro, light, muted, warm.

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

• Worn Shell color palette (#FFF3E8, #FFBACE, #DE9996, #988B61, #56433E)
• Blush Basin color palette (#FEF4DE, #FF9FA2, #AD8C5E, #4C796B, #6E360C)
• Worn Taupe color palette (#EBFAEE, #FFD0C7, #BE9B70, #3D7E82, #4C3943)
• Antique Canyon color palette (#FFF3E9, #E0DDBB, #C9BDA7, #989E8B, #485440)
• Weathered Station color palette (#FBEFE6, #F89E63, #A07038, #7A4612, #26201D)
• Feathered Amber Ridge color palette (#FFF3E3, #FFAB55, #C49500, #328E5F, #4A2F05)
• Dusty Villa color palette (#FFF4DC, #D2CC61, #94B071, #4B8E92, #3F3D36)
• Denim Corridor color palette (#FAF1E1, #CC9AB4, #9A6E45, #315186, #3B2620)

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