Cocoa Field color palette — #D7FFF7 · #C1E2FF · #87ABCD · #8F5C6D · #5E2E1E
Built around Cocoa, softened by Pewter — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D7FFF7): A whisper-light, dusty teal — the color of sea glass.
- Powder Blue (#C1E2FF): A whisper-light, dusty blue — the color of open sky before noon.
- Blue Fog (#87ABCD): A luminous, dusty blue — the color of open sky before noon.
- Pewter (#8F5C6D): A full-bodied, dusty rose — the color of strawberry cream.
- Cocoa (#5E2E1E): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.
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
- Worn Bronze Canyon color palette (#EAF8FF, #C6DBFF, #ABA1CE, #94603E, #533D11)
- Washed Cerulean color palette (#CBF7FF, #71BACA, #5083AF, #844758, #703D2C)
- Patina Periwinkle Hollow color palette (#D5F6FF, #76AAD9, #686F97, #593126, #2D1800)
- Muted Pier color palette (#DFFFE2, #A4EBFA, #8BB297, #8C5E8E, #6F3041)
- Muted Periwinkle color palette (#D1E4F0, #7A99D4, #6E5A8C, #492200, #0C0700)
- Worn Sky color palette (#F2E5B4, #ABDBBE, #6EB7D9, #9B824F, #544300)
- Washed Driftwood color palette (#DFE5F6, #8571AB, #693B60, #322600, #010100)
- Tempered Archive color palette (#FFF0FE, #E9D8D8, #D5BBB3, #9C8972, #594C00)
Browse the whole catalog at Explore, or see today's palette.