Coral Pier color palette — #FFF2ED · #D96464 · #A55A00 · #005A4A · #16010A

A conversation between Coral Clay and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Coral Clay (#D96464): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#A55A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Pine (#005A4A): A full-bodied, dusty teal — the color of sea glass.
• Ink (#16010A): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged jewel, vibrant, 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

• Quiet Cabin color palette (#FFF3E8, #C06500, #666700, #003F54, #0E0005)
• Chalky Amber Chapel color palette (#FFF2EA, #E2743C, #598430, #005655, #1F050C)
• Patina Mallow Canyon color palette (#FFF5D5, #DE9DD8, #B1665D, #005B6B, #371615)
• Feathered Rust color palette (#FFEEE4, #B24800, #435500, #003D27, #000D04)
• Wisteria Corridor color palette (#FFF1F4, #C079D9, #9B5E17, #4C5700, #000E08)
• Dusty Field color palette (#FFF2F0, #DF87A6, #57853E, #005748, #001C36)
• Weathered Olive Study color palette (#FFF1F2, #D47DBF, #497D02, #024C82, #170205)
• Weathered Olive Corridor color palette (#FFF4E0, #B48F00, #478D00, #005986, #260010)

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