Cocoa Basin color palette — #F2DDC7 · #988447 · #6C4300 · #3C1300 · #010100
A conversation between Bronze and Caramel, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F2DDC7): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Caramel (#988447): A luminous, balanced green — the color of new leaves after rain.
- Bronze (#6C4300): A full-bodied, balanced gold — the color of old brass.
- Espresso (#3C1300): A deep, shadowed, dusty orange — the color of autumn markets.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, 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
- Antique Chestnut Veranda color palette (#F6E2C8, #A69B5E, #7F5600, #512200, #030400)
- Hushed Amber color palette (#F8DECF, #B77C00, #595500, #102700, #000201)
- Twilit Field color palette (#F3E7C9, #667C3A, #433D00, #1C1000, #000200)
- Quiet Boulevard color palette (#F5E7DD, #D96A22, #005E23, #622800, #000200)
- Gentle Bronze Archive color palette (#FFF4E0, #C6BE6E, #A27500, #773B00, #131C00)
- Midnight Hollow color palette (#EFE0C6, #735700, #00433A, #13003C, #030000)
- Muted Navy Grove color palette (#FEEAD2, #815500, #005B4F, #001871, #020100)
- Hazy Alley color palette (#FFF2EA, #F7C595, #CE7852, #9A3C44, #342600)
Browse the whole catalog at Explore, or see today's palette.