Cocoa Harbor color palette — #FFE8F4 · #783200 · #143300 · #00171F · #0F0019

A conversation between Rust and Deep Forest, giving this palette its sense of nature and growth.

The five colors

• Blush (#FFE8F4): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#783200): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#143300): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#00171F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0F0019): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, 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

• Mulberry Thicket color palette (#E6DCE7, #8A003A, #203000, #001123, #030004)
• Cellar Basalt Corridor color palette (#FFE8D5, #562E00, #312916, #0D0700, #050003)
• Lowlit Onyx color palette (#D9F6E4, #584900, #00322B, #000547, #15000B)
• Bronze Bloom color palette (#F5DCC4, #895E00, #4E3A00, #282600, #121600)
• Sunlit Rose color palette (#F1E3DA, #F9253E, #A55100, #554700, #140700)
• Weathered Olive color palette (#E1F6E5, #746E00, #2E3E00, #430713, #121000)
• Muted Plum color palette (#EFDAD5, #BD004A, #295100, #002356, #0F001A)
• Bronze Delta color palette (#FADBC9, #9C720F, #4B5100, #003547, #0C1948)

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