Gentle Cocoa color palette — #E4E2BF · #706900 · #006B53 · #822600 · #090800
A conversation between Rust and Olive, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#E4E2BF): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#706900): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#006B53): A full-bodied, balanced teal — the color of sea glass.
- Rust (#822600): A full-bodied, balanced orange — the color of autumn markets.
- Ink (#090800): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. Tagged warm.
Use it as a design system
One click turns Gentle Cocoa 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
- Garnet Terrace color palette (#EEE6DA, #875D00, #036F19, #8D0031, #0D0600)
- Sunlit Olive color palette (#C4EBE2, #417700, #00686C, #6A3F00, #030A00)
- Antique Mulberry color palette (#FBE2D6, #A64300, #5E6000, #820069, #130300)
- Moss Dune color palette (#EAE9D7, #9B8F00, #5F5700, #282300, #020200)
- Patina Moss color palette (#E1F2E8, #B1BC7D, #71A84A, #6E5700, #161700)
- Aubergine Studio color palette (#F4EDDF, #634700, #003C86, #46006C, #0C0600)
- Frosted Corridor color palette (#F5E0E7, #895100, #7900A7, #610046, #090300)
- Softworn Emerald color palette (#D1E4E1, #4C9B4C, #008A9B, #8B5F00, #022803)
Browse the whole catalog at Explore, or see today's palette.