Cocoa Pier color palette — #E0FFE0 · #C6BE6B · #A87100 · #842C00 · #0D1D00

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

The five colors

• Honeydew (#E0FFE0): A whisper-light, dusty green — the color of a quiet forest floor.
• Honey (#C6BE6B): A luminous, balanced green — the color of new leaves after rain.
• Ochre (#A87100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#842C00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#0D1D00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

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

• Wandering Lagoon color palette (#DBFFED, #98CC7F, #878200, #6A4400, #001E13)
• Tempered Garnet Dune color palette (#FFF0F7, #E4B252, #C15F00, #930026, #1A1A00)
• Patina Terracotta Garden color palette (#FFF1F6, #ADD2B7, #B17D4F, #8E3933, #00291E)
• Weathered Amber color palette (#F6D9B1, #D6B548, #C48700, #A75A00, #2C2A00)
• Muted Amber Orchard color palette (#D3E9D4, #AA8A00, #7A5200, #532A00, #141300)
• Mustard Field color palette (#FFF0F9, #CCCA41, #923800, #371000, #040002)
• Faded Pier color palette (#FFF0FA, #FAC48B, #D37454, #A52853, #302700)
• Ancient Chestnut color palette (#ECF9EE, #C3E6D6, #B49A6C, #8E5D44, #0F3934)

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