Coral Pier color palette — #E5FBF2 · #E98067 · #004E71 · #002A3F · #052018

Built around Coral Clay, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#E5FBF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Coral Clay (#E98067): A luminous, balanced orange — the color of autumn markets.
• Peacock (#004E71): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#002A3F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#052018): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Muted Amber color palette (#FDF0FE, #E08949, #00478A, #00264E, #231425)
• Weathered Amber Harbor color palette (#D0E3DD, #CD6F40, #003861, #00172D, #000F0B)
• Hushed Pier color palette (#FCF1FA, #BAB074, #3E4D86, #3F223A, #25181B)
• Honey Alley color palette (#ECF7FF, #F2C96F, #2B9AC6, #206480, #061D2B)
• Wandering Clover color palette (#E2F5FF, #76BE52, #005666, #00252E, #000910)
• Softworn Thicket color palette (#E9FBE7, #008883, #B03700, #3B5300, #003331)
• Wandering Petrol color palette (#FAF2F9, #E9D4D5, #DCADB8, #3D69B1, #493A48)
• Gentle Lagoon color palette (#E0FEEC, #87D16E, #00758D, #004250, #0E1F16)

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