Coral Pier color palette — #F7EEF8 · #D1808E · #635261 · #3D353E · #242026

Dusty Rose and Charcoal Brown set the tone — five colors that lean into sophistication.

The five colors

• Blush (#F7EEF8): bright and airy, almost weightless.
• Dusty Rose (#D1808E): A luminous, balanced red — the color of embers at dusk.
• Charcoal Brown (#635261): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal (#3D353E): quiet, heavy and certain.
• Onyx (#242026): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Coral 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

• Worn Blush color palette (#FFF2EE, #E395A0, #7F4027, #342825, #130E0D)
• Blush Bloom color palette (#FCEEEB, #ED9CAD, #A76B43, #62504C, #262020)
• Taupe Bloom color palette (#FFF0F7, #E1A079, #9FAD67, #BA7C9E, #4F3C45)
• Muted Ember Drift color palette (#F5E4F0, #E7422C, #5A394D, #331F2E, #170E17)
• Amber Study color palette (#D8EBD8, #BC821D, #3A5442, #253225, #1E1619)
• Softworn Taupe color palette (#FFF0FE, #F9BBB0, #CC8672, #9D644C, #624152)
• Aged Petal color palette (#FFF0FE, #E8CDE0, #B99FAC, #7A8E87, #38524D)
• Wandering Amber color palette (#FEF1F7, #EEB699, #96BD94, #BD7954, #275651)

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