Cocoa Field color palette — #F0DEF4 · #8C5F6A · #6D3A0E · #002430 · #050023
Built around Bronze, softened by Ink — the whole palette hums with optimism and creativity.
The five colors
- Blush (#F0DEF4): A whisper-light, dusty pink — the color of a candy shop window.
- Pewter (#8C5F6A): A full-bodied, dusty red — the color of late-summer berries.
- Bronze (#6D3A0E): A full-bodied, balanced gold — the color of old brass.
- Midnight (#002430): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#050023): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Smoked Basalt color palette (#EADADF, #7B5140, #443600, #001936, #070013)
- Softworn Spruce color palette (#F6E0D5, #98693A, #644800, #00360B, #001F14)
- Patina Chestnut Cabin color palette (#FEE6F5, #AF7671, #8C5900, #004162, #17133C)
- Hushed Boulevard color palette (#FFE3E0, #A53D00, #5B2D00, #241600, #060400)
- Chestnut Market color palette (#F9E5D0, #7F4F00, #004F73, #3D2300, #000307)
- Navy Thicket color palette (#EBDFD1, #664000, #00416C, #2B1A5E, #020100)
- Tempered Olive Ridge color palette (#F0E6D7, #A5976C, #696C1D, #00352A, #000A0A)
- Aged Aubergine Chapel color palette (#EEDCD4, #917D4B, #396335, #390E5F, #2F0013)
Browse the whole catalog at Explore, or see today's palette.