Cocoa Field color palette — #D9DDF7 · #978AB6 · #8E689F · #7F3738 · #3A0F00
A conversation between Rust and Slate, giving this palette its sense of optimism and creativity.
The five colors
- Frost (#D9DDF7): A whisper-light, dusty violet — the color of a velvet chair.
- Heather (#978AB6): A luminous, dusty violet — the color of wild irises.
- Slate (#8E689F): A full-bodied, balanced pink — the color of neon signs at night.
- Rust (#7F3738): A full-bodied, balanced orange — the color of sun-warmed clay.
- Espresso (#3A0F00): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Optimism, Creativity, Balance. 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 Meadow color palette (#F3E8FA, #B083AA, #97627B, #71492E, #2F1B00)
- Antique Cobalt Bloom color palette (#D9ECFF, #7F98C9, #6F6BB1, #764860, #3A0514)
- Ancient Pewter Study color palette (#D8EEF6, #6984B2, #755384, #3D4614, #141C00)
- Lilac Loft color palette (#E0E0F4, #C3ABEA, #BA8BC6, #A5605C, #662B0D)
- Tempered Onyx Bloom color palette (#EDEEFF, #6E5D96, #552E63, #47000B, #160300)
- Hushed Atelier color palette (#F2E3EA, #C6949F, #B8716F, #7E6421, #2E2D01)
- Wandering Field color palette (#FDE5FF, #EEB9DC, #CE95A6, #A07687, #66480B)
- Weathered Driftwood color palette (#FFD6EF, #D0BBDD, #B9A3BA, #967A51, #274F3A)
Browse the whole catalog at Explore, or see today's palette.