Cocoa Basin color palette — #FFEBD7 · #634200 · #342800 · #141200 · #010100
Built around Bronze, softened by Espresso — the whole palette hums with nature and growth.
The five colors
- Cream (#FFEBD7): A whisper-light, dusty gold — the color of honey in a jar.
- Bronze (#634200): A full-bodied, balanced gold — the color of old brass.
- Espresso (#342800): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#141200): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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
- Chestnut Ridge color palette (#F5DCCF, #875600, #433400, #151B00, #000906)
- Garnet Courtyard color palette (#FCDEDD, #891800, #461800, #1E0B00, #030100)
- Deep Fern color palette (#E2E5C4, #3A5800, #0C3A00, #001906, #000201)
- Hushed Study color palette (#E8EAD8, #5E7A00, #295000, #002C0C, #000E06)
- Nocturne Onyx color palette (#E5E4C0, #413D00, #003748, #43002D, #010100)
- Pine Market color palette (#C4E9D6, #769054, #007D54, #3A2900, #000402)
- Deep Denim Meadow color palette (#EFDDE0, #0061A5, #326000, #060E0F, #000201)
- Quiet Emerald Canyon color palette (#D7EFD7, #00AA60, #006852, #004038, #001F1F)
Browse the whole catalog at Explore, or see today's palette.