Cocoa Pier color palette — #F8F7E1 · #CAE7DA · #9DCBBD · #988674 · #6E4200
Built around Bronze, softened by Stone — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#F8F7E1): A whisper-light, dusty green — the color of fresh herbs.
- Celadon Mist (#CAE7DA): A whisper-light, dusty teal — the color of glacier melt.
- Stone (#9DCBBD): A luminous, dusty teal — the color of shallow lagoons.
- Driftwood (#988674): A luminous, dusty gold — the color of old brass.
- Bronze (#6E4200): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.
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
- Aged Chestnut Alley color palette (#F3F8E3, #C3EAE4, #E1BBD5, #988D70, #5E4B00)
- Pewter Field color palette (#E0F9E7, #B0CCBD, #839D95, #7D616A, #4F363A)
- Hushed Driftwood Coast color palette (#F6F6EB, #BCE1DF, #77BCC1, #8D8941, #364F0E)
- Aged Fern Loft color palette (#CDFDDF, #89C5CC, #898ABB, #5F5823, #322605)
- Hushed Drift color palette (#EFFADE, #A1DBEB, #918ECA, #707346, #4C3E00)
- Aged Powder Terrace color palette (#E2FAFF, #C6E1EF, #AAC1D6, #AA9AAF, #5C4B56)
- Washed Mustard color palette (#E7FBEF, #85DAF5, #DFB273, #BD9C6E, #2B3D33)
- Ancient Parlor color palette (#D7ECE1, #76B8D0, #6F6BA4, #2F4D09, #102000)
Browse the whole catalog at Explore, or see today's palette.