Cocoa Basin color palette — #FDEFE4 · #C3A684 · #936B4F · #733927 · #2E2006

Rust and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FDEFE4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#C3A684): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#936B4F): A full-bodied, dusty gold — the color of honey in a jar.
• Rust (#733927): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#2E2006): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, 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

• Weathered Bronze Villa color palette (#F9F1E2, #C3BBA4, #9F7C3A, #705129, #2F2C1C)
• Weathered Rust Drift color palette (#FFE3D2, #CC9167, #A84B27, #781F22, #2A1700)
• Bronze Meadow color palette (#FFF1F7, #BDA375, #9C623B, #764041, #284438)
• Ancient Garnet color palette (#EDDCD2, #A67C5D, #833E22, #62000C, #180B00)
• Bronze Loft color palette (#F3E2D1, #8D6B2F, #633800, #3D1400, #070500)
• Amber Station color palette (#F7E2C6, #A88A13, #795300, #522A00, #141300)
• Pale Delta color palette (#F8EFF1, #CBA4CE, #B15742, #93369C, #190903)
• Worn Aubergine Dune color palette (#FCEDF2, #C9B07D, #66447D, #321C40, #17070C)

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