Cocoa Harbor color palette — #FADFE9 · #5B3100 · #002422 · #18000C · #040100

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

The five colors

• Rose Water (#FADFE9): A whisper-light, dusty rose — the color of strawberry cream.
• Cocoa (#5B3100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#002422): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#18000C): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Black (#040100): quiet, heavy and certain.

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

• Eclipse Basalt Study color palette (#CCE5DD, #324400, #002327, #1A0002, #010200)
• Charred Fern color palette (#E9F1D7, #176707, #003C29, #001B1C, #01050E)
• Patina Dune color palette (#F7EDDC, #7C663E, #2E461F, #420024, #1B0D00)
• Weathered Orchard color palette (#D3E9DE, #5E5B00, #40008B, #2F1900, #100C00)
• Fern Thicket color palette (#D6F8EF, #406500, #00404B, #240048, #070000)
• Navy Balcony color palette (#F7E9EF, #5987A2, #0F308D, #002220, #0C0025)
• Olive Grove color palette (#CFE8E2, #A96D00, #477700, #004550, #000603)
• Grape Thicket color palette (#F2EEDE, #6F7A00, #5D34B3, #5B0060, #050005)

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