Cocoa Harbor color palette — #F8EADC · #6B3C00 · #00331E · #000F29 · #040001

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

The five colors

• Cream (#F8EADC): A whisper-light, dusty gold — the color of old brass.
• Bronze (#6B3C00): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#00331E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000F29): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Nocturne Canyon color palette (#F6E8CB, #473B00, #002422, #060026, #040001)
• Nocturne Studio color palette (#F8DFD3, #8B0E00, #252E00, #001317, #020007)
• Smoked Parlor color palette (#F4ECDE, #705900, #3E3800, #151B00, #010400)
• Washed Chestnut color palette (#F1E5DA, #776500, #385100, #002A43, #070623)
• Plum Villa color palette (#FFEAE9, #B40E7C, #00491F, #240033, #030003)
• Frosted Ember color palette (#FAE8D3, #ED3D00, #996500, #474E00, #030100)
• Tempered Denim color palette (#F2EADF, #5993AC, #004E7A, #002B2F, #000412)
• Inked Study color palette (#E8EAD7, #1D6A00, #003C50, #2C003A, #0A0100)

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