Cocoa Field color palette — #ECECFF · #9E88BE · #8C668E · #7D3936 · #3A1200
Built around Rust, softened by Dusty Rose — the whole palette hums with optimism and creativity.
The five colors
- Frost (#ECECFF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Dusty Rose (#9E88BE): A luminous, balanced violet — the color of a velvet chair.
- Slate (#8C668E): A full-bodied, dusty pink — the color of neon signs at night.
- Rust (#7D3936): A full-bodied, balanced orange — the color of sun-warmed clay.
- Espresso (#3A1200): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Optimism, Creativity, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Cocoa Field 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
- Pewter Lantern color palette (#EBE1FF, #9673A1, #8D547C, #693A26, #241000)
- Tempered Iris color palette (#D6E2F1, #7B90CE, #706AA7, #7B435E, #3F0013)
- Wisteria Drift color palette (#E1DFF2, #C7AADD, #BF7FB9, #B1675B, #623416)
- Aged Cobalt color palette (#DDF2F8, #5E81B8, #734F81, #313F00, #152600)
- Dusty Driftwood color palette (#F6DFE7, #B698BA, #BB726B, #766736, #2D2C00)
- Frosted Aubergine color palette (#E1E6FF, #71669E, #5E267D, #3F1018, #160500)
- Denim Boulevard color palette (#CCF1F1, #6093C1, #60559E, #373200, #000A01)
- Hushed Oat color palette (#F3F4FF, #DDDBEE, #CBC0DB, #AE9BA7, #624A54)
Browse the whole catalog at Explore, or see today's palette.