Cocoa Harbor color palette — #E6FEDB · #BFE6E1 · #95B2A9 · #9A7873 · #7D421E
Bronze and Custard set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#E6FEDB): A whisper-light, dusty green — the color of new leaves after rain.
- Silver (#BFE6E1): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#95B2A9): A luminous, dusty teal — the color of shallow lagoons.
- Mocha (#9A7873): A luminous, dusty orange — the color of sun-warmed clay.
- Bronze (#7D421E): A full-bodied, balanced orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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
- Bronze Lagoon color palette (#DFFFE3, #BBE3E4, #CCAFC8, #A66349, #75400C)
- Antique Chestnut Delta color palette (#F6F8D9, #D8DAC0, #B0C4AC, #BA8B7A, #624B00)
- Powder Veranda color palette (#EEF6FF, #AAB3ED, #A17684, #7A4F23, #332E00)
- Pewter Dune color palette (#DFFAFF, #9CC2D1, #7088A0, #6E5974, #614146)
- Worn Orchard color palette (#D9FFF1, #F6D3F1, #AA99C4, #8E6344, #4B3B00)
- Ancient Cocoa Coast color palette (#D4DFFA, #ADA0CD, #8C6387, #564400, #182100)
- Patina Olive Lagoon color palette (#F4F7EB, #C1E8D1, #6AACA4, #737D37, #294100)
- Wandering Periwinkle color palette (#DEFCFF, #83D3FF, #7997D8, #88433E, #482100)
Browse the whole catalog at Explore, or see today's palette.