Cocoa Field color palette — #DAEAFF · #A6B1C7 · #828BAE · #744659 · #443245
Built around Coffee, softened by Slate Blue — the whole palette hums with sophistication.
The five colors
- Frost (#DAEAFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Ash (#A6B1C7): A luminous, dusty violet — the color of twilight just after sunset.
- Slate Blue (#828BAE): A luminous, dusty violet — the color of twilight just after sunset.
- Coffee (#744659): A full-bodied, dusty rose — the color of a warm blush.
- Charcoal (#443245): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: 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
- Hushed Pewter color palette (#F0F0FF, #CAC6D9, #998DA7, #815F72, #563A44)
- Muted Cocoa color palette (#DEDDF1, #AA85A6, #83586F, #5E3418, #0B2309)
- Antique Veranda color palette (#D5FFFF, #CFDDF2, #A6B5CC, #987756, #335146)
- Tempered Navy color palette (#DAE7F1, #80ACDD, #4474C0, #2A4593, #222A51)
- Timeworn Loft color palette (#E1DBF7, #D19FBB, #A56074, #7B4A00, #3F2D00)
- Worn Cabin color palette (#EAFAE7, #97C4B0, #7B82AA, #7E5C13, #435208)
- Misty Navy color palette (#ECF2FF, #AEB7EF, #646DB2, #323283, #100C3C)
- Cypress Quarry color palette (#E8F5F2, #8DBFB7, #55815F, #26614E, #012F2A)
Browse the whole catalog at Explore, or see today's palette.