Cocoa Harbor color palette — #F0DCC1 · #664500 · #004738 · #2B1B00 · #000201

Built around Bronze, softened by Forest — the whole palette hums with optimism and sophistication.

The five colors

• Bone (#F0DCC1): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#664500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#004738): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#2B1B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#000201): quiet, heavy and certain.

Feels like: 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

• Cocoa Ridge color palette (#EEDED6, #842900, #194800, #3A0D00, #000200)
• Garnet Alley color palette (#F6EBDB, #624700, #6C004A, #291C00, #040002)
• Pale Garnet Canyon color palette (#ECEACC, #476700, #891500, #1F3000, #0A0000)
• Tempered Dune color palette (#EEE6D6, #948749, #677200, #4B2C00, #040300)
• Hushed Lagoon color palette (#F9ECD2, #987C00, #007B78, #554500, #001615)
• Muted Ultramarine Grove color palette (#FFEAD4, #975B00, #004FAD, #402300, #000105)
• Twilit Nightshade color palette (#F1E0E6, #764200, #0E17B3, #331900, #010025)
• Linen Mulberry Station color palette (#FBD9E3, #925B00, #8E1888, #503000, #10000F)

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