Cocoa Atelier color palette — #DFF6E0 · #A2A162 · #8B6000 · #7B2E00 · #233E13
Built around Rust, softened by Ochre — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DFF6E0): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#A2A162): A luminous, balanced green — the color of a quiet forest floor.
- Ochre (#8B6000): A full-bodied, balanced gold — the color of honey in a jar.
- Rust (#7B2E00): A full-bodied, balanced orange — the color of toasted spice.
- Forest (#233E13): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
Use it as a design system
One click turns Cocoa Atelier 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
- Tempered Garnet color palette (#FFE7F4, #B89768, #9F5024, #841833, #3B3702)
- Antique Taupe Station color palette (#F7E6CF, #B59F49, #8C6200, #643700, #1E1E00)
- Bronze Harbor color palette (#DCF7DF, #C5B474, #AE7C00, #8D4F00, #133E2F)
- Chestnut Meadow color palette (#D6EFE1, #70A396, #6E6523, #623900, #0F3737)
- Bronze Canyon color palette (#FFF0F9, #C499A7, #9C614B, #74404A, #284435)
- Ancient Chestnut Bloom color palette (#EDF9ED, #A6BFB2, #6D896E, #804F3C, #364D48)
- Muted Quarry color palette (#FFEBD2, #D1CC76, #CA9A4F, #B4694A, #36362F)
- Cocoa Garden color palette (#FFE8F5, #936E3F, #762900, #50001D, #1B1600)
Browse the whole catalog at Explore, or see today's palette.