Cocoa Basin color palette — #FFD9CB · #7F2800 · #004266 · #1D254B · #040000

Rust takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#FFD9CB): A whisper-light, dusty orange — the color of toasted spice.
• Rust (#7F2800): A full-bodied, balanced orange — the color of toasted spice.
• Navy (#004266): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#1D254B): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Creativity, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Cocoa Basin 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 Terrace color palette (#FEDCE9, #860051, #004846, #002E3B, #040001)
• Bronze Pier color palette (#EEDFC9, #836200, #30393E, #291C00, #040200)
• Deep Corridor color palette (#F7E8CE, #583F00, #32108F, #1A0057, #020100)
• Terracotta Atelier color palette (#FFE1D4, #A74300, #00667B, #004F7A, #130300)
• Garnet Balcony color palette (#FEE5D8, #7A3600, #3F4500, #590040, #120400)
• Bronze Meadow color palette (#E8DDD3, #A65000, #593000, #1D0900, #030100)
• Aubergine Villa color palette (#EEDED6, #A24A00, #006850, #49189F, #030100)
• Sunlit Emerald Hollow color palette (#F1DCD6, #CC9600, #4E9110, #641B47, #0D0500)

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