Cocoa Harbor color palette — #FBE9F1 · #592B00 · #261713 · #0C0800 · #060002

Espresso and Black set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#FBE9F1): A whisper-light, dusty rose — the color of strawberry cream.
• Espresso (#592B00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#261713): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#0C0800): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#060002): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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 Orchard color palette (#FCE4E7, #6E002A, #261418, #140300, #050006)
• Velvet Lagoon color palette (#E2F5E7, #394A4D, #3A2C00, #0D1B1F, #030500)
• Cocoa Market color palette (#EFDACA, #7F3F00, #35453D, #1C1900, #050200)
• Washed Bronze color palette (#FAE5DB, #9E5E00, #4F3C00, #222200, #001206)
• Weathered Nightshade color palette (#F5EECC, #594C00, #2719B0, #300085, #0A0700)
• Shadow Olive color palette (#DFF5ED, #566D00, #012C2D, #061713, #010505)
• Olive Study color palette (#DAF2DA, #756E00, #264000, #390E32, #121000)
• Softworn Station color palette (#F0E0EC, #00A1B3, #00516D, #003125, #00142C)

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