Cocoa Drift color palette — #EAF3E5 · #006052 · #623800 · #302600 · #000302
Built around Bronze, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Cream (#EAF3E5): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#006052): A full-bodied, balanced teal — the color of glacier melt.
- Bronze (#623800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Espresso (#302600): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#000302): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Cocoa Drift 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
- Obsidian Quarry color palette (#D6E8DC, #004C59, #3E3700, #122100, #000102)
- Hushed Garnet Hollow color palette (#CEE3F0, #005A72, #800A00, #262C00, #001017)
- Garnet Boulevard color palette (#E9E9CB, #336000, #820026, #401C00, #010300)
- Frosted Archive color palette (#FFE6F6, #6262CF, #A82643, #433800, #01000A)
- Tempered Corridor color palette (#D2F0DE, #00778F, #655D00, #1E4700, #000D12)
- Bronze Dune color palette (#EAF6E6, #2D998E, #9B6925, #5C5300, #0F1F0B)
- Linen Balcony color palette (#EDEBF9, #A820BF, #9F3E00, #593C00, #18031D)
- Smoked Mulberry Coast color palette (#F2E2E0, #94275B, #5C2100, #211900, #000500)
Browse the whole catalog at Explore, or see today's palette.