Cocoa Pier color palette — #F2E0EA · #634300 · #002C15 · #180026 · #040400

A conversation between Bronze and Ink, giving this palette its sense of nature and growth.

The five colors

• Rose Water (#F2E0EA): A whisper-light, dusty pink — the color of peonies in June.
• Bronze (#634300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#002C15): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#180026): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#040400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, dark, 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

• Cocoa Garden color palette (#DFF5DD, #7B3000, #1F2800, #0A0035, #060300)
• Fern Villa color palette (#FFE4E7, #2B5700, #002930, #200012, #000502)
• Smoked Onyx Parlor color palette (#DAF2E3, #483C00, #18005E, #100020, #070000)
• Velvet Spruce color palette (#D6F7EB, #3A4650, #293300, #141C21, #000603)
• Amber Thicket color palette (#D4ECE3, #C46400, #626200, #004844, #000501)
• Navy Parlor color palette (#DEEFE1, #6F6500, #074B09, #120066, #030400)
• Timeworn Onyx color palette (#FEEADB, #6A7047, #004640, #370B22, #220011)
• Olive Summit color palette (#FCE6FF, #507300, #00464B, #46002D, #001C0C)

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