Cocoa Pier color palette — #FFECF5 · #C69FAC · #9B6746 · #753729 · #162819

A conversation between Rust and Walnut, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#FFECF5): A whisper-light, dusty rose — the color of strawberry cream.
• Rosewood Mist (#C69FAC): A luminous, dusty rose — the color of strawberry cream.
• Walnut (#9B6746): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#753729): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#162819): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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 Hollow color palette (#E8F6EB, #96B4A2, #897140, #694214, #0A291F)
• Muted Bronze color palette (#FFF2E9, #BCA37C, #9C6241, #6F4346, #3F3D36)
• Muted Cocoa Courtyard color palette (#F3D8E3, #B39267, #8D5523, #6B2403, #021E0D)
• Tempered Cerulean color palette (#E7F4FF, #468DC1, #A2624D, #635000, #041C2F)
• Softworn Basin color palette (#F9DEE6, #8D6C1D, #5F3A00, #3A1700, #070500)
• Aubergine Boulevard color palette (#E4EDFF, #A7A9D9, #8162AC, #701C7A, #410030)
• Muted Quarry color palette (#ECF3FA, #93B7DD, #97599E, #0067B2, #0F0B1C)
• Weathered Courtyard color palette (#E7F4FE, #C6B184, #105C80, #002B40, #010E1A)

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