Cocoa Study color palette — #F0DEC2 · #97A267 · #378554 · #712A00 · #221D00
Built around Rust, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Parchment (#F0DEC2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Moss (#97A267): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#378554): A full-bodied, balanced teal — the color of shallow lagoons.
- Rust (#712A00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Onyx (#221D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged pastel, light.
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
- Frosted Olive Villa color palette (#F8D9CE, #C69C58, #5D8908, #70122C, #251300)
- Frosted Mint Grove color palette (#F2F2D0, #7EC07C, #008682, #553400, #121A00)
- Quiet Coast color palette (#F1E1C7, #C2B668, #87973A, #775000, #1F1900)
- Softworn Olive Garden color palette (#D4EDD9, #ABA56E, #6D7C00, #573800, #070500)
- Bronze Bloom color palette (#F2E5D7, #7B6500, #4F3100, #331000, #0B0D00)
- Washed Harbor color palette (#E5EADB, #72BFB5, #2E8FBD, #4B5500, #00261E)
- Patina Jade color palette (#FFF4E0, #B9D985, #00BB87, #934400, #3B3400)
- Driftwood Lantern color palette (#F1F9E4, #BEEFE2, #AAD1F4, #70885F, #3D4D39)
Browse the whole catalog at Explore, or see today's palette.