Cocoa Pier color palette — #DEEFE1 · #66A59F · #4179A6 · #733500 · #2C2500

Bronze and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DEEFE1): A whisper-light, dusty teal — the color of shallow lagoons.
• Eucalyptus (#66A59F): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#4179A6): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#733500): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#2C2500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Hushed Garnet color palette (#E1F2ED, #76A583, #367A7F, #6F2D3A, #3C1F00)
• Turquoise Grove color palette (#AEF6E1, #5FAED0, #616D9D, #614120, #291500)
• Fern Harbor color palette (#DCF0F3, #6C99C4, #77689B, #534E00, #002E15)
• Chestnut Workshop color palette (#CDEDE5, #75BCD6, #757EBD, #7E5500, #264200)
• Pale Denim Basin color palette (#D2F1FF, #568DB8, #37558F, #532355, #43171D)
• Dusty Cobalt Canyon color palette (#CBECF7, #637AAB, #684974, #273400, #001C09)
• Sky Veranda color palette (#DDF1F8, #43B2E9, #648BC3, #705179, #43193A)
• Aged Driftwood Dune color palette (#D0E1EF, #9C9FCA, #996990, #46653A, #00423D)

Browse the whole catalog at Explore, or see today's palette.