Cocoa Basin color palette — #FFE3D6 · #632700 · #003745 · #131A38 · #030100

Rust takes the lead with Midnight close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Rose Water (#FFE3D6): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rust (#632700): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Teal (#003745): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#131A38): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• 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 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

• Smoked Market color palette (#FCDEE6, #700039, #003B2E, #00222B, #040001)
• Charred Atelier color palette (#F0E6D5, #4F3600, #003063, #09076E, #020100)
• Chestnut Garden color palette (#FFE6D4, #8F5000, #4A2000, #18201A, #120500)
• Deep Cocoa Veranda color palette (#EEDCF3, #006A79, #803C00, #0C0D05, #040002)
• Bronze Lagoon color palette (#F8E9F2, #AD7900, #5C6B00, #561026, #050002)
• Garnet Canyon color palette (#EFE2D9, #814100, #3E4E00, #5D003B, #030100)
• Hazy Aubergine color palette (#FFE0CF, #8A4000, #005B47, #450998, #040100)
• Timeworn Nightshade Workshop color palette (#F2EDDE, #6B5500, #1638B7, #361F8E, #050300)

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