Cocoa Field color palette — #ECEAFE · #917DAD · #7F5E81 · #70332E · #250A00

Rust takes the lead with Slate Blue close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Frost (#ECEAFE): A whisper-light, dusty violet — the color of a velvet chair.
• Slate Blue (#917DAD): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#7F5E81): A full-bodied, dusty pink — the color of neon signs at night.
• Rust (#70332E): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#250A00): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Washed Courtyard color palette (#EAD9E5, #B26E8C, #964C5A, #654306, #171000)
• Worn Onyx color palette (#C6EAFA, #668AA9, #546588, #583958, #260318)
• Tempered Summit color palette (#D8F1FA, #60749D, #6C4677, #2C3100, #001508)
• Chestnut Summit color palette (#F9E3F8, #C294B0, #A37181, #85582B, #3B2A00)
• Aubergine Loft color palette (#E0E2F2, #5F5180, #4B1857, #350006, #0F0200)
• Powdered Bloom color palette (#FCE7ED, #9A5BCC, #B84900, #7703B1, #100200)
• Hazy Byzantium color palette (#F4E6F9, #B76BCA, #8E38A3, #5A0073, #040007)
• Softworn Cocoa color palette (#EED4FF, #E1BAE0, #C69594, #A18068, #5C3700)

Browse the whole catalog at Explore, or see today's palette.