Cocoa Basin color palette — #F2E9EE · #AEA0A6 · #9E7B87 · #722D00 · #14030D

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

The five colors

• Blush (#F2E9EE): a clean, paper-quiet neutral.
• Taupe (#AEA0A6): a calm mid-gray that lets other colors speak.
• Heather (#9E7B87): A luminous, dusty rose — the color of strawberry cream.
• Rust (#722D00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#14030D): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged scandi, muted, light, warm.

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

• Garnet Canyon color palette (#E3DBE6, #AD9FAF, #947E93, #7C1145, #0F0415)
• Softworn Onyx Dune color palette (#ECE1E8, #A3969A, #5A7966, #4F1400, #13040E)
• Aged Cocoa color palette (#DCE3DC, #98AA9D, #738E7E, #5D3E00, #030C04)
• Cocoa Grove color palette (#F1EAE5, #CAB7A7, #AC8B66, #632700, #030100)
• Antique Terracotta Dune color palette (#E9DCD5, #A6A28B, #819269, #A33E20, #120602)
• Chestnut Bloom color palette (#DBE2DD, #B9C8C0, #92ABA0, #775D00, #132418)
• Ancient Bronze Studio color palette (#F8E7CC, #897A31, #4E5219, #003C33, #001212)
• Aged Bloom color palette (#FEDAE6, #E96719, #B76B00, #705800, #0B0400)

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