Cocoa Pier color palette — #DDEECC · #71A692 · #3A768E · #5E4700 · #11401A

Built around Bronze, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DDEECC): A whisper-light, dusty green — the color of a quiet forest floor.
• Eucalyptus (#71A692): A luminous, dusty teal — the color of glacier melt.
• Slate (#3A768E): A full-bodied, dusty blue — the color of open sky before noon.
• Bronze (#5E4700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#11401A): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. 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

• Aged Fern color palette (#BFE9F7, #6A9EAE, #3F7062, #524A00, #004528)
• Softworn Cocoa color palette (#EBEBD2, #9F9872, #277069, #733112, #403D00)
• Timeworn Spruce color palette (#E9F2DD, #3D8A93, #435688, #293F00, #00311F)
• Muted Petrol Ridge color palette (#FAEBE6, #80BEC3, #007299, #00532D, #152D54)
• Timeworn Archive color palette (#C2E9E4, #7BA1C1, #725D84, #00523B, #00383F)
• Muted Cocoa color palette (#CCE5F1, #6D91B0, #606493, #662F20, #0C200D)
• Ancient Forest color palette (#EFE3D2, #849359, #12653A, #004653, #252D01)
• Cobalt Ridge color palette (#CFE7EE, #7FB0E3, #7173BD, #764838, #523308)

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