Coral Pier color palette — #ECDADA · #F36754 · #C24D00 · #7D3D00 · #463F00

A conversation between Coral Clay and Terracotta, giving this palette its sense of nature and growth.

The five colors

• Bone (#ECDADA): a clean, paper-quiet neutral.
• Coral Clay (#F36754): A luminous, vivid orange — the color of toasted spice.
• Terracotta (#C24D00): A full-bodied, vivid orange — the color of autumn markets.
• Bronze (#7D3D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#463F00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Ember Alley color palette (#FCE8E4, #D7662F, #8A4300, #5D3700, #3C2A00)
• Ember Courtyard color palette (#F3D8E1, #FF8F9F, #E05600, #8F5800, #504100)
• Frosted Parlor color palette (#F1D8DE, #F45F7C, #D0232B, #882F00, #622A00)
• Airy Mustard color palette (#FFF1F6, #FFE2B1, #C3C75F, #A95443, #5D4218)
• Sunlit Marigold color palette (#FFF3E8, #EF9A39, #985D00, #563100, #361E00)
• Airy Veranda color palette (#FFF0F8, #DA742D, #008ABB, #904300, #00405A)
• Bronze Meadow color palette (#FFE1ED, #C6984D, #957300, #665B05, #4A4C1B)
• Pale Chapel color palette (#FFE6D4, #BD6600, #008572, #7138BF, #4B2501)

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