Cocoa Field color palette — #D0E5F1 · #859BC9 · #6C6090 · #6F3400 · #483804
A conversation between Bronze and Slate, giving this palette its sense of optimism and creativity.
The five colors
- Frost (#D0E5F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#859BC9): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#6C6090): A full-bodied, dusty violet — the color of a velvet chair.
- Bronze (#6F3400): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Deep Olive (#483804): A deep, shadowed, dusty gold — the color of old brass.
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
- Antique Cocoa color palette (#C3E6ED, #5B9FAE, #3E6C9D, #673846, #61280B)
- Antique Mulberry Drift color palette (#E5F0FF, #7B76A7, #6E3F72, #533400, #302F00)
- Aged Workshop color palette (#DAF3F7, #649BC9, #6F5F8C, #1F4A39, #00281A)
- Misty Lilac color palette (#E4E2F2, #BD90CC, #995B7A, #555300, #1E4718)
- Powder Atelier color palette (#D6E8F4, #91B6FA, #9D8FCB, #8E674D, #403C36)
- Hushed Villa color palette (#D8E3C9, #6FB5C9, #7B79A8, #43622A, #2A3E1B)
- Nightshade Archive color palette (#D6DEF1, #7172CE, #726E00, #4200C5, #2D2A00)
- Weathered Workshop color palette (#F3F4FF, #CEC9DE, #A393A7, #557C6E, #2B5452)
Browse the whole catalog at Explore, or see today's palette.