Cocoa Study color palette — #D9ECDE · #5D4A00 · #004542 · #261D00 · #000201
Built around Deep Olive, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D9ECDE): A whisper-light, dusty teal — the color of glacier melt.
- Deep Olive (#5D4A00): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004542): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Onyx (#261D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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
- Smoked Field color palette (#DFF3EC, #655800, #322A2C, #101700, #010100)
- Twilit Bloom color palette (#D5F7EA, #495200, #74001B, #1C2100, #040000)
- Midnight Cocoa Coast color palette (#FDDDEE, #7C3300, #084908, #361200, #000200)
- Washed Hollow color palette (#CCE8D5, #7F6900, #005698, #352A00, #000104)
- Twilit Navy Study color palette (#F0DEBF, #654E00, #002D9D, #2A1F00, #00021F)
- Hushed Navy Veranda color palette (#DCF2F1, #006D41, #004790, #00331C, #00030B)
- Bronze Hollow color palette (#F7EFE0, #7F6600, #006660, #453600, #000807)
- Softworn Olive color palette (#CFF2E0, #89965A, #3C7700, #372A00, #020200)
Browse the whole catalog at Explore, or see today's palette.