Cocoa Basin color palette — #F9E9DF · #96612C · #712F00 · #480703 · #060300

Rust and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Cream (#F9E9DF): A whisper-light, dusty gold — the color of honey in a jar.
• Ochre (#96612C): A full-bodied, balanced gold — the color of old brass.
• Rust (#712F00): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#480703): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#060300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Washed Chapel color palette (#F0DBCE, #AF6B2E, #86370C, #5B0F10, #130900)
• Tempered Bronze color palette (#F0E0C7, #7A702B, #584100, #361E00, #030400)
• Bronze Garden color palette (#F5E6D5, #B59B65, #9A6519, #743C14, #2F2200)
• Hushed Chestnut Dune color palette (#EFE2C9, #939048, #755E00, #553600, #121900)
• Tempered Plum color palette (#F8EBF7, #B43682, #8E0035, #480005, #090100)
• Softworn Grape Study color palette (#FFE4EC, #7600AC, #534400, #00321E, #040008)
• Weathered Grape Quarry color palette (#D0EED8, #BC5B00, #7600E7, #210410, #060002)
• Pale Byzantium color palette (#F0DCE1, #9A4EB6, #860012, #570070, #050100)

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