Cocoa Pier color palette — #EBE3E8 · #CBB0BE · #A08690 · #75280A · #2A1924

Rust takes the lead with Rosewood Mist close behind in a set that reads as sophistication at first glance.

The five colors

• Rose Water (#EBE3E8): a clean, paper-quiet neutral.
• Rosewood Mist (#CBB0BE): A luminous, dusty rose — the color of pressed rose petals.
• Heather (#A08690): A luminous, dusty rose — the color of a warm blush.
• Rust (#75280A): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#2A1924): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Wandering Dune color palette (#F2E6EE, #C1ADB6, #819381, #742612, #130510)
• Dusty Harbor color palette (#E5EDE4, #A9C0AC, #7B9684, #603B00, #192218)
• Terracotta Cabin color palette (#F3E7E2, #D1C1B3, #B3A28C, #98432E, #2E1A0F)
• Antique Alley color palette (#F0F8EF, #BDDCC2, #91AF9C, #7C4F00, #283827)
• Patina Spruce Lantern color palette (#D8E6DD, #88A194, #56796C, #342A00, #020C05)
• Pewter Field color palette (#FBF2F6, #E6D7D6, #B2C9C2, #8C687A, #4D4549)
• Linen Tangerine Pier color palette (#FCDFCF, #FF6C3D, #C36600, #724E00, #271200)
• Patina Scarlet color palette (#F1ECF0, #CFBBB8, #9CC1AE, #D44C41, #2B1728)

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