Cocoa Pier color palette — #D9F7DD · #86A68C · #3F6B95 · #703C04 · #423600

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

The five colors

• Honeydew (#D9F7DD): A whisper-light, dusty green — the color of a quiet forest floor.
• Taupe (#86A68C): A luminous, dusty teal — the color of sea glass.
• Slate (#3F6B95): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#703C04): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#423600): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Softworn Basalt Canyon color palette (#E3ECCC, #92A68F, #5A8278, #724D36, #523D00)
• Aged Jade Hollow color palette (#E5E7C8, #67A17A, #1F7279, #5F3831, #51222F)
• Washed Pewter color palette (#CEF3F7, #7A9FC1, #726195, #524A1E, #36332D)
• Wandering Denim color palette (#D9F6ED, #4D90A5, #455489, #4A3003, #1F2502)
• Worn Boulevard color palette (#E5E7D1, #4D9D82, #006262, #27471F, #003124)
• Washed Quarry color palette (#CEECDC, #83B0A2, #647BA3, #704D75, #542C45)
• Chestnut Basin color palette (#ECF7DF, #98B6A3, #937A91, #85581C, #435436)
• Petrol Archive color palette (#FAEBE2, #8FBDA7, #0F6CAF, #00504C, #1F2B53)

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