Cocoa Harbor color palette — #FCE4F2 · #7F3400 · #293200 · #001B1B · #030004

Built around Rust, softened by Deep Forest — the whole palette hums with nature and growth.

The five colors

• Blush (#FCE4F2): A whisper-light, dusty pink — the color of a candy shop window.
• Rust (#7F3400): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#293200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001B1B): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#030004): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Lowlit Cocoa color palette (#D7F3DB, #634900, #263600, #002134, #040001)
• Aged Rust Drift color palette (#F8E0E4, #BC463F, #6C3500, #2B1F00, #050500)
• Midnight Mulberry color palette (#F3E7FE, #90005F, #472D00, #00211F, #020006)
• Tempered Ridge color palette (#F4EAD2, #AB3344, #523400, #001D44, #100100)
• Antique Loft color palette (#EDE2EC, #BDAEB5, #7E9481, #7A1B1D, #140512)
• Chalky Rust color palette (#F8E3D7, #BB3A0D, #375B00, #00344E, #190006)
• Antique Chestnut color palette (#FFECF3, #915300, #00587E, #520F3B, #19040D)
• Aubergine Bloom color palette (#E4E4FF, #60108E, #00322E, #001B27, #03001D)

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