Cocoa Basin color palette — #FFF1F4 · #FFCACE · #E9A9A3 · #BB7564 · #723416

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

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Shell Pink (#FFCACE): A whisper-light, dusty red — the color of embers at dusk.
• Rose Quartz (#E9A9A3): A luminous, dusty orange — the color of toasted spice.
• Caramel (#BB7564): A luminous, balanced orange — the color of toasted spice.
• Rust (#723416): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, 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

• Bronze Meadow color palette (#FFEEE7, #ED9E9C, #A96947, #804028, #27201E)
• Cocoa Lantern color palette (#FFF3E6, #FCBEBD, #D0A291, #8C915E, #703416)
• Hushed Chapel color palette (#FFF1F3, #F1C1D5, #D08B8D, #9C6649, #604000)
• Garnet Boulevard color palette (#FFF1F4, #F2CEF1, #E0A7CE, #B57495, #742D48)
• Airy Field color palette (#FFE3DF, #FFB29D, #F78140, #B25E00, #4C2D00)
• Chalky Market color palette (#F4DADA, #D54F4D, #AA3300, #6A2900, #080200)
• Timeworn Fern color palette (#FFF2EB, #E0D9C6, #C2C0A7, #A1A489, #415209)
• Aged Powder Quarry color palette (#FCF3F2, #E0D8D2, #9DC0DB, #B1B0A6, #5A504F)

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