Cocoa Basin color palette — #FAF2FB · #A1B789 · #793B47 · #4B1D27 · #281D2A

Oxblood takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF2FB): bright and airy, almost weightless.
• Sage (#A1B789): A luminous, dusty green — the color of fresh herbs.
• Oxblood (#793B47): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#4B1D27): A deep, shadowed, dusty red — the color of embers at dusk.
• Onyx (#281D2A): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Sophistication. Tagged luxury, 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

• Muted Chestnut Courtyard color palette (#FEF1F5, #90BAA0, #71460E, #432602, #2E1B22)
• Muted Thicket color palette (#F5F4FF, #81BABE, #61446C, #3D2146, #21202D)
• Muted Rust Lagoon color palette (#FBF2FA, #DDC084, #A55856, #633231, #271E26)
• Celadon Ridge color palette (#FFF2EF, #CBE18B, #BF8092, #7A5A55, #2E1D1A)
• Washed Ridge color palette (#EAFBE9, #BE9E40, #624000, #362200, #062108)
• Moss Coast color palette (#F4DDEC, #919B2D, #6B1A00, #350800, #110600)
• Ancient Mulberry color palette (#F9F3F9, #DE99A0, #1D8446, #AD1943, #0B2A28)
• Navy Parlor color palette (#FFF1F5, #C78379, #726C24, #474386, #503340)

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