Smoked Cocoa Harbor color palette — #CBE8D2 · #574200 · #1E2017 · #0B1100 · #000401

Deep Olive and Celadon Mist set the tone — five colors that lean into optimism and sophistication.

The five colors

• Celadon Mist (#CBE8D2): A whisper-light, dusty teal — the color of shallow lagoons.
• Deep Olive (#574200): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#1E2017): a grounded near-black with real depth.
• Ink (#0B1100): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Moonless Cocoa color palette (#F7D5E4, #6B3400, #281C11, #140E00, #070200)
• Cellar Fern color palette (#D0E9E0, #516300, #002613, #0B0F00, #000202)
• Nocturne Spruce Quarry color palette (#DEF4F0, #584C4B, #053905, #0C1F21, #000604)
• Worn Olive color palette (#E9F5F2, #678947, #234244, #192D29, #101717)
• Feathered Garnet Alley color palette (#D5E7DF, #59884F, #00523A, #590622, #042200)
• Bronze Garden color palette (#F1E8D8, #958000, #4E5200, #1D3A00, #00280F)
• Hazy Aubergine Garden color palette (#D8EDE9, #308022, #430B9A, #660069, #021700)
• Aubergine Workshop color palette (#FFE4F7, #A6824D, #445B24, #3C2567, #39172D)

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