Cocoa Basin color palette — #F5EBE3 · #BEB1A4 · #9D8A71 · #6B3100 · #120802
Built around Bronze, softened by Caramel — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#F5EBE3): a clean, paper-quiet neutral.
- Stone (#BEB1A4): A luminous, dusty gold — the color of old brass.
- Caramel (#9D8A71): A luminous, dusty gold — the color of honey in a jar.
- Bronze (#6B3100): A deep, shadowed, balanced gold — the color of honey in a jar.
- Ink (#120802): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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
- Hushed Bronze color palette (#F8EDE0, #A99E8E, #957732, #4C2F00, #080300)
- Cocoa Quarry color palette (#E8DFE3, #C8B2B9, #819386, #702E00, #281A22)
- Hushed Chestnut Courtyard color palette (#FAF0E2, #E1D2B2, #B6AB88, #745600, #241703)
- Muted Bronze color palette (#F7F0EA, #DBDACB, #BEC0AD, #926C48, #322B24)
- Soft Cabin color palette (#F5DCC0, #FB700C, #AE6C00, #705700, #070300)
- Chestnut Hollow color palette (#E9DEC9, #8D5600, #4A3900, #002616, #0A0400)
- Weathered Lantern color palette (#F8ECD6, #8E822A, #505924, #003933, #001718)
- Cocoa Bloom color palette (#ECE6E0, #C1B19A, #9A8C70, #5F3A00, #130800)
Browse the whole catalog at Explore, or see today's palette.