Cocoa Drift color palette — #F2E3EB · #7F3200 · #004A13 · #001F05 · #030000
A conversation between Rust and Forest, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#F2E3EB): bright and airy, almost weightless.
- Rust (#7F3200): A full-bodied, balanced orange — the color of toasted spice.
- Forest (#004A13): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#001F05): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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
- Velvet Mulberry color palette (#E9DDEE, #8F0049, #00482B, #001F0F, #040001)
- Velvet Cocoa Atelier color palette (#F7E4ED, #773B00, #00415E, #001B2A, #030100)
- Rust Dune color palette (#FFE9F0, #C23C34, #593400, #171300, #010200)
- Aubergine Corridor color palette (#EDEDFF, #7000A0, #00491F, #001F0A, #020005)
- Shadow Mulberry Lantern color palette (#F4E8C8, #AB2B4D, #402F00, #000A26, #040000)
- Tempered Raspberry Chapel color palette (#EDE6F4, #C2418C, #024A0D, #510035, #000200)
- Aubergine Corridor color palette (#FFE8F0, #4E007D, #00322D, #1D0033, #030009)
- Inked Mulberry color palette (#F8E5FC, #900040, #003780, #00163C, #040001)
Browse the whole catalog at Explore, or see today's palette.