Cocoa Basin color palette — #FFF2ED · #B6B084 · #7B3B3A · #4F1A1B · #2D1D18

Rust and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Sage (#B6B084): A luminous, dusty green — the color of fresh herbs.
• Rust (#7B3B3A): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#4F1A1B): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#2D1D18): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Worn Chestnut Cabin color palette (#FDF4E7, #C2AB84, #6C4A00, #3F2A00, #1E1D10)
• Basalt Studio color palette (#FFF1F3, #89BC9C, #664269, #3E2141, #2E1C1F)
• Ancient Boulevard color palette (#FFF2EC, #DCC188, #AE5242, #6A2F0C, #2C1E17)
• Patina Brick Archive color palette (#FCF3EF, #D79E9A, #1C8260, #AB242F, #1F2812)
• Timeworn Terrace color palette (#FBDECB, #9C971E, #612700, #301000, #0F0700)
• Hushed Boulevard color palette (#FCF1FC, #D2DE8A, #C47F84, #745875, #281E28)
• Timeworn Chapel color palette (#FFF3E8, #CA836C, #686F32, #523D89, #413C36)
• Antique Archive color palette (#FEF3E7, #AC732D, #617B3F, #00578A, #37322C)

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