Coral Pier color palette — #FFF1F1 · #FF84A6 · #FF6065 · #B54800 · #570202

Watermelon takes the lead with Terracotta close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Rose (#FF84A6): A luminous, balanced red — the color of late-summer berries.
• Watermelon (#FF6065): A luminous, vivid orange — the color of sun-warmed clay.
• Terracotta (#B54800): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#570202): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged candy, vibrant, light, warm.

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

• Patina Brick color palette (#FFF1F4, #FF7AD2, #FF5695, #CC0025, #470C1C)
• Misty Coral Courtyard color palette (#FFEDEC, #FFA0D6, #FF6C6F, #9F5900, #250100)
• Coral Alley color palette (#FFF0FE, #FFB4DD, #FF7F78, #D57B00, #440F00)
• Timeworn Amber Bloom color palette (#FFF3E9, #FF9A81, #E17300, #9C6700, #3A1D00)
• Dusty Bloom color palette (#FFF2E9, #FFC6B7, #FF8D32, #AE7600, #552D00)
• Misty Ember color palette (#F0DBD4, #DE5D00, #964900, #633400, #352D00)
• Aged Scarlet color palette (#FDE2D1, #E8002A, #A93D00, #5B3500, #0A0200)
• Tempered Meadow color palette (#FFF2EC, #ECD5CA, #F6AE9D, #C28C68, #49423E)

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