Patina Cocoa Pier color palette — #EBDFE5 · #BEAEB5 · #9E868E · #702B00 · #14050E

Built around Rust, softened by Heather — the whole palette hums with optimism and sophistication.

The five colors

• Shell Pink (#EBDFE5): bright and airy, almost weightless.
• Ash (#BEAEB5): A luminous, dusty rose — the color of strawberry cream.
• Heather (#9E868E): A luminous, dusty rose — the color of a warm blush.
• Rust (#702B00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#14050E): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Weathered Garnet Market color palette (#E5DDD8, #C1B7AD, #9A8D70, #792300, #2D1A0E)
• Muted Cocoa Dune color palette (#E5EBE5, #A7B8AB, #789585, #5B3D00, #020E03)
• Terracotta Pier color palette (#FCF2F8, #E9D4D1, #A4C4AF, #974228, #130910)
• Antique Fern color palette (#E1ECE8, #C0CFCC, #8EABA7, #4B5E00, #0A1915)
• Washed Spruce color palette (#D9E2DD, #81928A, #4D7469, #302A00, #000201)
• Patina Pewter color palette (#F8EFF3, #E1D4D2, #B4C2BF, #90677A, #32292D)
• Weathered Tangerine Ridge color palette (#FADAE7, #F5671F, #BF6C00, #6F5100, #0D0500)
• Weathered Driftwood Alley color palette (#D7E9DB, #868239, #48542A, #00322E, #001315)

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