Cocoa Pier color palette — #FFEEE4 · #DDDCC4 · #B3CEAE · #AA8886 · #5E3000
Built around Cocoa, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Cream (#FFEEE4): A whisper-light, dusty gold — the color of honey in a jar.
- Bone (#DDDCC4): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#B3CEAE): A whisper-light, dusty green — the color of a quiet forest floor.
- Dusty Rose (#AA8886): A luminous, dusty orange — the color of autumn markets.
- Cocoa (#5E3000): A deep, shadowed, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, muted.
Use it as a design system
One click turns Cocoa Pier 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
- Frost Hollow color palette (#FDF0DE, #C2F6DA, #B3DACA, #9E8170, #413E37)
- Muted Taupe Courtyard color palette (#FFF0F8, #D3DCCD, #BCBCC6, #BE9EA7, #58484E)
- Wandering Veranda color palette (#F7F2E2, #BEBE93, #988039, #794D0A, #292E20)
- Mint Orchard color palette (#FFEEE1, #F9E17D, #56D59E, #AF5C6C, #362309)
- Powdered Pier color palette (#E5E3C0, #45AF84, #00889F, #5F3000, #040A00)
- Dusty Cabin color palette (#F1E1DC, #AB8400, #007B2A, #5D1537, #030100)
- Patina Lime color palette (#FDEBD2, #91BD50, #009897, #7C3926, #090C00)
- Muted Amber color palette (#FDEFE0, #BD8945, #827BAE, #5E5881, #2A2117)
Browse the whole catalog at Explore, or see today's palette.