Cocoa Basin color palette — #F2E4EC · #CAB1BC · #A0868F · #732A00 · #2A1924

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

The five colors

• Blush (#F2E4EC): bright and airy, almost weightless.
• Rosewood Mist (#CAB1BC): A luminous, dusty rose — the color of a warm blush.
• Heather (#A0868F): A luminous, dusty rose — the color of pressed rose petals.
• Rust (#732A00): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#2A1924): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Ancient Boulevard color palette (#E6DAE1, #C2ACB5, #7B957E, #762500, #12070E)
• Muted Cocoa color palette (#E5F0E5, #AABFAF, #799685, #5D3D00, #152316)
• Patina Orchard color palette (#F7EDE6, #D2C1B2, #B5A186, #964527, #291C14)
• Worn Chestnut Grove color palette (#ECF9ED, #BDDCC5, #91AF9D, #795100, #29372A)
• Ancient Spruce Cabin color palette (#E8F4EC, #89A095, #5B786E, #322B00, #020C06)
• Muted Pewter color palette (#FBF2F6, #E4D7D5, #B1C9C3, #8F6679, #4F4449)
• Softworn Rust color palette (#F2ECF0, #B6C7C1, #88B4B3, #C85945, #281A25)
• Aged Tangerine color palette (#F7D4E1, #FF6F28, #BC6C00, #775700, #201000)

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