Dusty Cocoa color palette — #E1F2DF · #006965 · #584800 · #00312F · #040300
A conversation between Deep Olive and Pine, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#E1F2DF): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#006965): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#584800): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#00312F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#040300): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Dusty 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
- Shadow Basalt color palette (#D4E3DA, #00556B, #304300, #00222D, #010100)
- Misty Loft color palette (#E5E9C9, #1A6E07, #7A2F00, #073402, #080100)
- Nightshade Bloom color palette (#BFE9EF, #00535D, #2A00B3, #073A04, #000102)
- Muted Workshop color palette (#D3F0F7, #006678, #6B0097, #003039, #06000C)
- Nocturne Petrol Dune color palette (#D1E2E4, #007F8B, #004249, #001215, #000102)
- Quiet Garnet Terrace color palette (#C1E7F1, #006D6C, #90002C, #003433, #260006)
- Timeworn Plum color palette (#CAEDED, #009092, #BD0056, #004546, #040001)
- Hushed Cobalt color palette (#D5F1DB, #00ABCF, #0082C1, #004345, #000B0F)
Browse the whole catalog at Explore, or see today's palette.