Cocoa Harbor color palette — #DBF7DF · #634700 · #00463C · #291C00 · #000201

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

The five colors

• Honeydew (#DBF7DF): A whisper-light, dusty green — the color of fresh herbs.
• Bronze (#634700): A full-bodied, balanced gold — the color of old brass.
• Forest (#00463C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#291C00): 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

• Charred Cocoa color palette (#FCDDEC, #783700, #004918, #341400, #000200)
• Lowlit Garnet color palette (#D9F1E5, #505000, #720029, #202000, #040001)
• Linen Harbor color palette (#DCEEDB, #0C6F15, #7A2F00, #033405, #080100)
• Cellar Corridor color palette (#F7EBCB, #746000, #342800, #0F181B, #0C0700)
• Dusty Dune color palette (#E5F4E8, #886400, #00598C, #392800, #000103)
• Antique Olive color palette (#D3F5E3, #8A8300, #007A81, #4D4800, #001618)
• Velvet Nightshade Meadow color palette (#F0DCC4, #6F4800, #1A24A4, #2F1C00, #010024)
• Worn Quarry color palette (#F2E5C3, #938D4E, #5D7508, #3D2600, #030200)

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