Patina Cocoa Pier color palette — #EFE2E6 · #B3BEB5 · #7E998B · #583100 · #040001

Built around Cocoa, softened by Eucalyptus — the whole palette hums with optimism and sophistication.

The five colors

• Rose Water (#EFE2E6): bright and airy, almost weightless.
• Stone (#B3BEB5): soft and architectural.
• Eucalyptus (#7E998B): A luminous, dusty teal — the color of glacier melt.
• Cocoa (#583100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Black (#040001): 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 Patina 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

• Washed Garnet color palette (#EEE4ED, #C3B6BF, #A68895, #74001F, #030003)
• Aged Bronze Studio color palette (#E5DDD5, #A29889, #856E25, #402300, #100701)
• Fern Market color palette (#E5F1EE, #BCD6D4, #81B0B4, #365900, #000303)
• Dusty Archive color palette (#F5ECF0, #91ABA7, #6198A1, #974B00, #10060B)
• Softworn Olive color palette (#DEF0E9, #608750, #004926, #311000, #000200)
• Washed Onyx Alley color palette (#E2F6E2, #807E48, #275720, #000D5A, #040010)
• Bronze Meadow color palette (#EFF8F1, #CEDFDF, #ADC6CA, #937100, #162219)
• Hushed Emerald Hollow color palette (#E8F9F7, #CBE0EA, #B3ACC0, #219816, #052B27)

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