Cocoa Harbor color palette — #F3EBE1 · #C5B7A1 · #9B8C6E · #5F3C00 · #271D11
Built around Bronze, softened by Caramel — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#F3EBE1): a clean, paper-quiet neutral.
- Stone (#C5B7A1): A luminous, dusty gold — the color of old brass.
- Caramel (#9B8C6E): A luminous, dusty gold — the color of honey in a jar.
- Bronze (#5F3C00): A deep, shadowed, balanced gold — the color of old brass.
- Onyx (#271D11): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns 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
- Antique Dune color palette (#E6DECF, #B3A98B, #8E8037, #433600, #1A1304)
- Wandering Grove color palette (#ECE2E5, #BAC8BE, #94ABA0, #885300, #281B1F)
- Wandering Archive color palette (#EDF0E6, #C8CFBE, #99A58E, #1B6531, #2D2F24)
- Weathered Studio color palette (#EFDDB0, #D58100, #A37D00, #646200, #1F1700)
- Patina Lagoon color palette (#F5F7E8, #CFDED1, #B8C0AB, #4F7642, #424300)
- Moss Grove color palette (#EFECDC, #859232, #3E652D, #234228, #002E3A)
- Hushed Driftwood color palette (#F7F5ED, #D6DED3, #9FB2B4, #918239, #54534B)
- Aged Spruce color palette (#E8DFD1, #6D5400, #0A4304, #002525, #220A00)
Browse the whole catalog at Explore, or see today's palette.