Cocoa Field color palette — #E5E1FF · #9B6D8E · #80413B · #003F3F · #0A2439
Built around Coffee, softened by Heather — the whole palette hums with creativity and sophistication.
The five colors
- Frost (#E5E1FF): A whisper-light, dusty violet — the color of wild irises.
- Heather (#9B6D8E): A full-bodied, dusty pink — the color of neon signs at night.
- Coffee (#80413B): A full-bodied, balanced orange — the color of toasted spice.
- Deep Teal (#003F3F): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#0A2439): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: 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
- Cocoa Quarry color palette (#E6E2F0, #8E5E78, #742B11, #002D30, #00173A)
- Antique Coast color palette (#FFE2F6, #B8747A, #764C25, #003F57, #2C1F45)
- Tempered Quarry color palette (#CDE8FF, #828CB0, #724764, #0D3F1B, #002C2A)
- Softworn Garnet color palette (#FCDDE9, #AF6474, #822F26, #3C2D00, #171100)
- Softworn Parlor color palette (#ECDFFE, #D28EB0, #B76D5B, #2F726C, #00312D)
- Worn Plum color palette (#FAE5FC, #AF4257, #00685E, #6E0026, #00201C)
- Wandering Summit color palette (#F4D6E0, #BA838B, #AC5348, #554400, #252700)
- Rust Alley color palette (#EBE0FC, #C392AB, #AB5146, #005C60, #073E6C)
Browse the whole catalog at Explore, or see today's palette.