Cocoa Harbor color palette — #F4DCCC · #663A00 · #062B00 · #100027 · #020100

Bronze and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F4DCCC): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#663A00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Forest (#062B00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#100027): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, 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

• Midnight Alley color palette (#F7E1F6, #424D00, #002929, #1A0014, #000200)
• Chestnut Hollow color palette (#F4EBD7, #7B5F00, #243900, #000A26, #010100)
• Nocturne Garnet color palette (#DBF9DE, #88020C, #282300, #030032, #030100)
• Inked Onyx Atelier color palette (#FEDFCC, #595C31, #003D34, #2B0E2B, #0C000C)
• Smoked Spruce Alley color palette (#D7F2E4, #4D555D, #2D2B00, #0C1518, #000301)
• Chalky Onyx Coast color palette (#FADDC7, #944F00, #234800, #2C004F, #050300)
• Dusty Delta color palette (#EEE1EC, #30878B, #004258, #00210C, #000106)
• Weathered Rust color palette (#D7E4DB, #C94500, #6B5800, #004C45, #010100)

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