Wandering Cocoa Pier color palette — #FDF3E8 · #BEFFE4 · #E0DACE · #D4C38A · #634100
Bronze and Sand set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FDF3E8): a clean, paper-quiet neutral.
- Honeydew (#BEFFE4): A whisper-light, dusty teal — the color of sea glass.
- Bone (#E0DACE): a clean, paper-quiet neutral.
- Sand (#D4C38A): A luminous, dusty green — the color of fresh herbs.
- Bronze (#634100): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.
Use it as a design system
One click turns Wandering 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
- Antique Celadon color palette (#FDF4E3, #E1F6B3, #DEDBC3, #A3D5A7, #48453E)
- Timeworn Stone Lagoon color palette (#FFF4DF, #D4DEC5, #C3C2A3, #8C9E89, #445649)
- Aged Veranda color palette (#FAF0E2, #D4B177, #967631, #5B5349, #26201A)
- Muted Hollow color palette (#F8F6E5, #CADDAA, #81D5EF, #9DB179, #325643)
- Powdered Harbor color palette (#FFF4DF, #FFDBAE, #F5D227, #AFBF00, #3E3900)
- Dusty Dune color palette (#ECF4EC, #EBDDBA, #FCBA67, #A8994B, #203423)
- Apricot Delta color palette (#F3E4CE, #E58C00, #B78700, #848200, #040200)
- Linen Workshop color palette (#E4E0BC, #C7C407, #00CB7C, #00A997, #091D00)
Browse the whole catalog at Explore, or see today's palette.