Cocoa Harbor color palette — #F4E0E8 · #593000 · #00222D · #180001 · #030100

Cocoa and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Rose Water (#F4E0E8): A whisper-light, dusty rose — the color of a warm blush.
• Cocoa (#593000): A deep, shadowed, balanced gold — the color of honey in a jar.
• Midnight (#00222D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#180001): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#030100): a grounded near-black with real depth.

Feels like: 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

• Shadow Onyx color palette (#D1EAE0, #3B4000, #290050, #13150B, #180001)
• Moonless Lantern color palette (#C7EBE8, #3A3F46, #003414, #101419, #000303)
• Nocturne Fern Dune color palette (#D9E6DC, #4B611B, #00331E, #1B1200, #000201)
• Muted Ultramarine color palette (#E1F2E9, #8A7E00, #2C47B5, #492C00, #1F1000)
• Charred Aubergine Cabin color palette (#D3EFE4, #535F00, #380091, #251700, #060300)
• Misty Aubergine color palette (#BDECE5, #1B8F24, #6000A1, #332D00, #0D1000)
• Aged Corridor color palette (#FFECF2, #B47200, #006190, #5D2700, #271200)
• Obsidian Station color palette (#C9E7E4, #00591E, #48004A, #160F00, #020100)

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