Cocoa Pier color palette — #F5EAFF · #D699B7 · #A65A5F · #753600 · #292000

A conversation between Bronze and Brick, giving this palette its sense of nature and growth.

The five colors

• Blush (#F5EAFF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#D699B7): A luminous, balanced rose — the color of a warm blush.
• Brick (#A65A5F): A full-bodied, balanced red — the color of embers at dusk.
• Bronze (#753600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#292000): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged muted, warm.

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

• Weathered Study color palette (#ECF2FF, #B69ECE, #A6557B, #860E24, #371900)
• Ancient Rust color palette (#F9F1FF, #E5939E, #B8504B, #843805, #5E3500)
• Chestnut Parlor color palette (#F4EFFF, #E6AEAD, #B17953, #6B5300, #1E2F00)
• Lilac Coast color palette (#DFF9EE, #B48AC2, #96584A, #004D6C, #291C35)
• Wandering Pewter color palette (#F3F0F6, #DFD4D6, #C9B8B6, #9D5E7C, #302935)
• Coral Hollow color palette (#FBD5DD, #E97A5D, #906400, #444800, #002607)
• Obsidian Plum Market color palette (#E8D9EE, #A2416E, #690A00, #251400, #030200)
• Frosted Rose Dune color palette (#E9DDEA, #E5587D, #9E3F00, #442D00, #0F1200)

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