Cocoa Pier color palette — #F1E3E9 · #A9B9AC · #7B9E91 · #7D4000 · #220A16

Bronze and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Rose Water (#F1E3E9): bright and airy, almost weightless.
• Ash (#A9B9AC): A luminous, dusty teal — the color of sea glass.
• Eucalyptus (#7B9E91): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#7D4000): A full-bodied, balanced gold — the color of old brass.
• Ink (#220A16): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: 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

• Bronze Archive color palette (#EBE0E4, #A3BAB3, #74AAA1, #A16000, #200D14)
• Fern Dune color palette (#D3E3DB, #A5B9B5, #729FA0, #5A5500, #00190E)
• Ancient Mulberry color palette (#EFE9F0, #C2ADBB, #AB8B96, #8B2A43, #1A0F1D)
• Cocoa Ridge color palette (#F3EDE7, #DCCEB7, #AFA77F, #763C00, #060200)
• Bronze Archive color palette (#F1E6DC, #B4A797, #9D7836, #522D00, #201001)
• Hushed Olive color palette (#E6F2EC, #CCDBD9, #A0BEC0, #737731, #1D332A)
• Driftwood Corridor color palette (#FFE9E0, #A58639, #426C49, #533064, #2C043A)
• Ancient Emerald color palette (#DCF7EA, #659156, #006245, #5C2130, #031400)

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