Cocoa Studio color palette — #DBE8CD · #A2AF95 · #597F6E · #59480F · #2A3010
Deep Olive takes the lead with Deep Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#DBE8CD): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#A2AF95): A luminous, dusty green — the color of fresh herbs.
- Fern (#597F6E): A full-bodied, dusty teal — the color of glacier melt.
- Deep Olive (#59480F): A full-bodied, dusty green — the color of fresh herbs.
- Deep Forest (#2A3010): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Cocoa Studio 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
- Ancient Petrol color palette (#F4EFCB, #95A68D, #4C7399, #504813, #312E28)
- Chestnut Loft color palette (#D2F0DD, #80A99E, #926C83, #7F461D, #494100)
- Ancient Studio color palette (#E1F9ED, #AAC7B9, #9F8B99, #727229, #2E4634)
- Muted Garden color palette (#F9F1E5, #9BA676, #327449, #00505D, #221C00)
- Wandering Chestnut Parlor color palette (#EAF8FF, #C3DBF3, #8F9BC0, #8F563F, #4E3510)
- Washed Cypress Field color palette (#C2EBD3, #93AED2, #8E7196, #00655B, #003744)
- Forest Studio color palette (#FBEFEA, #B6CFBB, #3F84A7, #005F38, #0B1E44)
- Grape Study color palette (#DEF6F1, #77A3C8, #7A509A, #005137, #002D1E)
Browse the whole catalog at Explore, or see today's palette.