Worn Cocoa Harbor color palette — #FFF3E6 · #D9B790 · #869A72 · #746594 · #5C4300

Bronze and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#D9B790): A luminous, dusty gold — the color of afternoon light on wheat.
• Moss (#869A72): A luminous, dusty green — the color of fresh herbs.
• Slate (#746594): A full-bodied, dusty violet — the color of wild irises.
• Bronze (#5C4300): A deep, shadowed, balanced gold — the color of old brass.

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

Use it as a design system

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

• Fern Delta color palette (#FFF3E9, #B0C88E, #649F97, #84627F, #454D00)
• Patina Stone color palette (#FCF4EA, #D3A970, #4D9AA2, #7B5A8B, #5C3541)
• Hushed Taupe Lantern color palette (#ECFAEB, #FBD6A9, #91AD75, #776A97, #304538)
• Tempered Cocoa color palette (#FDF4E3, #F0A9A3, #A78E61, #477A6E, #6D3705)
• Patina Basin color palette (#FFF3E7, #DAD5BE, #A6AD97, #947D82, #604647)
• Ancient Bronze color palette (#F6F6EC, #CCD6B5, #8BA481, #AD6A4E, #45540B)
• Softworn Bloom color palette (#EBF9F1, #B1A973, #6F7E4E, #046766, #314F42)
• Aged Station color palette (#FFF3E7, #C2A700, #039557, #71438D, #313A09)

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