Cocoa Study color palette — #FBF5E6 · #B3A973 · #717D4F · #006765 · #574600
Deep Olive takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FBF5E6): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sage (#B3A973): A luminous, dusty green — the color of fresh herbs.
- Walnut (#717D4F): A full-bodied, dusty green — the color of fresh herbs.
- Pine (#006765): A full-bodied, dusty teal — the color of glacier melt.
- Deep Olive (#574600): A full-bodied, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, 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
- Wandering Denim color palette (#F7F6E7, #A5AD83, #3B876F, #1F5F87, #464942)
- Washed Sand color palette (#E5FCED, #E5CF87, #ACB579, #5D9892, #3A4D43)
- Weathered Summit color palette (#F6F6EE, #C0C3A9, #638D6D, #806018, #4E5200)
- Patina Workshop color palette (#EEF9ED, #E2B481, #839D5C, #6F6892, #3B4D40)
- Wandering Courtyard color palette (#FDEFE0, #CEA273, #6B8243, #544979, #352A18)
- Faded Pine color palette (#FFF5D5, #839700, #1D7405, #004E5A, #293D00)
- Worn Olive color palette (#E6DFC0, #58870E, #005D2D, #003949, #112B08)
- Nightshade Workshop color palette (#E6E9BE, #009085, #005D67, #2F009F, #00302F)
Browse the whole catalog at Explore, or see today's palette.