Obsidian Cocoa Harbor color palette — #E3F2E4 · #624300 · #002E44 · #2D000B · #0D0200

A conversation between Bronze and Ink, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#E3F2E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Bronze (#624300): A full-bodied, balanced gold — the color of old brass.
• Midnight (#002E44): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#2D000B): A deep, shadowed, dusty red — the color of embers at dusk.
• Ink (#0D0200): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Obsidian 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

• Onyx Coast color palette (#D9EBD6, #684000, #002B4E, #100044, #0B0014)
• Cellar Onyx Ridge color palette (#D5F1E7, #384200, #1D2217, #18005F, #180200)
• Fern Lagoon color palette (#E9E9CF, #315500, #002F3A, #19002F, #040000)
• Worn Pine Thicket color palette (#DDE6C6, #00763F, #00493C, #002728, #030F1D)
• Onyx Market color palette (#CEEEF8, #005558, #4D003D, #29001F, #110400)
• Worn Olive Ridge color palette (#CEF0E7, #467600, #004E5E, #37005B, #170100)
• Aubergine Dune color palette (#D9F6F0, #3B6D0D, #3A007D, #271E00, #031103)
• Tempered Garnet Corridor color palette (#EBDDD5, #7A7626, #225A49, #550C11, #2C1000)

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