Cocoa Pier color palette — #E9F0EA · #BCD7CC · #8EB18C · #624900 · #000401

Bronze takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E9F0EA): a clean, paper-quiet neutral.
• Oat (#BCD7CC): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#8EB18C): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#624900): A full-bodied, balanced gold — the color of old brass.
• Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, 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

• Softworn Fern color palette (#E4F2EE, #BFD5D5, #84AEB9, #305A00, #000303)
• Wandering Dune color palette (#E4DDD4, #A3A092, #718542, #483200, #080300)
• Cocoa Quarry color palette (#F7EAF2, #E0C8D0, #8EB09A, #882700, #070005)
• Lagoon Parlor color palette (#CEE7E2, #3BA37B, #005A56, #4F1408, #000201)
• Antique Garnet Drift color palette (#F3E4CD, #92A147, #00785A, #58134B, #17000B)
• Airy Atelier color palette (#DEFDEC, #FFA749, #A4A400, #008568, #010100)
• Timeworn Forest color palette (#FFE4ED, #986E00, #125102, #2B0041, #010100)
• Fern Basin color palette (#E1F2EB, #4B5300, #374048, #0F171B, #000802)

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