Cocoa Harbor color palette — #F4DBC4 · #634400 · #342900 · #0F0E00 · #010100
Bronze and Espresso set the tone — five colors that lean into nature and growth.
The five colors
- Peach Cream (#F4DBC4): A whisper-light, dusty gold — the color of old brass.
- Bronze (#634400): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#342900): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#0F0E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
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
- Velvet Chestnut Balcony color palette (#FFE1D1, #7F5500, #413200, #181700, #000803)
- Obsidian Garden color palette (#EDF0D4, #3B5600, #073302, #001205, #000301)
- Midnight Aubergine color palette (#D2F1DE, #584C00, #3900A1, #241E00, #010009)
- Cellar Onyx color palette (#EBEBDB, #413D00, #003748, #43002D, #010100)
- Washed Corridor color palette (#F1EFDD, #7B9C48, #007852, #3C2B00, #000302)
- Eclipse Atelier color palette (#F9E1E0, #A10607, #4D1A00, #1F0C00, #020100)
- Bronze Harbor color palette (#F5ECD1, #968400, #585E00, #2D4000, #061B00)
- Denim Quarry color palette (#F4D9E5, #0060A6, #326000, #030C07, #000201)
Browse the whole catalog at Explore, or see today's palette.