Coral Pier color palette — #FFF2EE · #E5858B · #31918D · #006C69 · #073C58

Built around Watermelon, softened by Fern — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Watermelon (#E5858B): A luminous, balanced red — the color of late-summer berries.
• Fern (#31918D): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#006C69): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#073C58): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.

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

• Timeworn Wisteria Bloom color palette (#FFF1F2, #D088C5, #54905F, #006B71, #004145)
• Hushed Lagoon Ridge color palette (#FFF2ED, #DB8C8C, #1D938B, #5D5390, #37305D)
• Dusty Corridor color palette (#FFF2EE, #FBA1A9, #ABA427, #008E93, #393156)
• Worn Rose color palette (#FFE0D8, #EF3E6F, #007A70, #004B7A, #002642)
• Worn Station color palette (#FFF1F2, #D9BDB2, #AFA28B, #5E7A71, #3B544C)
• Ancient Basin color palette (#FFF2ED, #FF5B5C, #008B7C, #6536A2, #3D126C)
• Pale Cobalt Thicket color palette (#FFEFDF, #C7853F, #0C79B2, #5A3E84, #331D51)
• Chestnut Pier color palette (#FCF1FC, #BC6F76, #746200, #005549, #22375F)

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