Cocoa Harbor color palette — #FBE1D2 · #744614 · #4B1600 · #240005 · #020100

Built around Bronze, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Parchment (#FBE1D2): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#744614): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#4B1600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#240005): A deep, shadowed, dusty red — the color of a theater curtain.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, 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 Meadow color palette (#EEE0C7, #555600, #352800, #190A00, #010200)
• Olive Dune color palette (#FCECD3, #797525, #573F00, #371A00, #060500)
• Bronze Grove color palette (#FAD8EB, #A65D2B, #662400, #290300, #030100)
• Worn Garnet color palette (#EFDAC7, #9B8350, #784815, #5A1602, #100F00)
• Nightshade Workshop color palette (#E0E8D4, #924500, #4100C0, #1B0714, #040002)
• Grape Study color palette (#F7E0E9, #6935AB, #481A00, #29004F, #030100)
• Velvet Garnet Ridge color palette (#FFE8E4, #580027, #251000, #000E08, #020007)
• Moonless Mulberry color palette (#F2ECFD, #892380, #530029, #240000, #030100)

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