Cocoa Basin color palette — #ECE1E8 · #B29FA5 · #738E7E · #782600 · #12040D

A conversation between Rust and Eucalyptus, giving this palette its sense of optimism and sophistication.

The five colors

• Rose Water (#ECE1E8): bright and airy, almost weightless.
• Taupe (#B29FA5): A luminous, dusty rose — the color of a warm blush.
• Eucalyptus (#738E7E): A luminous, dusty teal — the color of sea glass.
• Rust (#782600): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#12040D): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Cocoa Corridor color palette (#E6F0E6, #9AA9A0, #718D86, #603D00, #020D02)
• Garnet Thicket color palette (#E1DCE4, #AE9FAC, #957F8A, #741F4B, #0D0611)
• Ancient Garnet color palette (#EBE1DB, #C5B8AA, #9D9074, #692000, #030100)
• Chestnut Lantern color palette (#F7EAF1, #AE9B99, #979164, #9B480C, #13040C)
• Washed Bronze Workshop color palette (#EAE3DE, #A2988F, #94662B, #491B00, #130500)
• Chestnut Lantern color palette (#E7F0E8, #B4CAC1, #8BADA8, #7B5B00, #152318)
• Navy Coast color palette (#FDD4D4, #927053, #575721, #292C5D, #230026)
• Tempered Forest Corridor color palette (#DBF1E2, #6C7D38, #00541C, #4A1331, #050700)

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