Cocoa Market color palette — #FFF3E4 · #B9B678 · #966E2D · #732E0D · #081700
A conversation between Rust and Walnut, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
- Sage (#B9B678): A luminous, balanced green — the color of new leaves after rain.
- Walnut (#966E2D): A full-bodied, balanced gold — the color of old brass.
- Rust (#732E0D): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#081700): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Cocoa Market 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
- Ancient Boulevard color palette (#FFF2EB, #DAA770, #A86048, #722A3F, #1A1100)
- Weathered Driftwood Coast color palette (#FFF4E0, #C4CD9F, #A18745, #784C2E, #212406)
- Dusty Moss Veranda color palette (#F4E4BF, #89A65D, #6F5F00, #4A2800, #000502)
- Timeworn Veranda color palette (#DEF0DF, #8E8B45, #714E00, #5E2100, #012B25)
- Weathered Bronze color palette (#E8DCD3, #A97D29, #7A3700, #46000F, #010100)
- Softworn Quarry color palette (#FFF3E5, #D8E0C3, #C1AA8F, #A76943, #454100)
- Taupe Parlor color palette (#FFF2EB, #F5D7B7, #C68F7B, #8A5C65, #34312B)
- Mulberry Studio color palette (#EDFAE4, #00957A, #9B025E, #0E4602, #010200)
Browse the whole catalog at Explore, or see today's palette.