Cocoa Study color palette — #E8F1E2 · #006152 · #673700 · #332800 · #000202
A conversation between Bronze and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#E8F1E2): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#006152): A full-bodied, balanced teal — the color of shallow lagoons.
- Bronze (#673700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Espresso (#332800): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Cocoa Study 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
- Lowlit Market color palette (#D4E4D9, #005563, #3B3000, #0D2000, #000202)
- Muted Garnet color palette (#EDEED6, #2C6200, #850018, #431D00, #000200)
- Softworn Orchard color palette (#C8E1FE, #006EC3, #7D5B00, #5B4200, #000206)
- Deep Mulberry color palette (#F6DDD8, #A10C4A, #562B00, #1C1C00, #000201)
- Timeworn Ultramarine color palette (#F5DDF5, #005DBD, #186403, #004032, #000411)
- Fern Archive color palette (#D9F1E6, #0079A2, #5F6700, #00511E, #000F18)
- Muted Grape Veranda color palette (#F7DBE5, #691FAE, #850019, #411E00, #03000A)
- Deep Garnet Meadow color palette (#D1E0F2, #004D91, #6A0056, #001E16, #000104)
Browse the whole catalog at Explore, or see today's palette.