Coral Pier color palette — #F3DFF0 · #FF6965 · #7F613A · #63312E · #150F1A

A conversation between Watermelon and Cocoa, giving this palette its sense of optimism and balance.

The five colors

• Blush (#F3DFF0): A whisper-light, dusty pink — the color of peonies in June.
• Watermelon (#FF6965): A luminous, vivid orange — the color of toasted spice.
• Walnut (#7F613A): A full-bodied, dusty gold — the color of old brass.
• Cocoa (#63312E): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#150F1A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Balance. Tagged noir, dark, luxury.

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

• Wandering Tangerine Coast color palette (#FBDEEA, #ED8004, #6D693E, #5A391F, #190C19)
• Peony Lantern color palette (#ECE0F5, #F566AD, #8C5846, #4B3958, #110F1E)
• Timeworn Ember color palette (#FDE8F7, #E95128, #655025, #402539, #07030A)
• Sunlit Rose color palette (#FFF0FC, #FC443F, #602B00, #220B1F, #030103)
• Patina Bronze color palette (#EFE1E7, #B55F00, #494300, #301500, #040104)
• Tempered Amber Bloom color palette (#D5E2D8, #B18D00, #3D652D, #423300, #10030A)
• Mustard Terrace color palette (#E9F5EE, #C3B970, #648280, #495950, #281E22)
• Frosted Tangerine color palette (#EDDCDF, #FFA48E, #F97B22, #A77300, #474200)

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