Coral Pier color palette — #FBE0DE · #EF7957 · #B55500 · #764500 · #3A2400

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

The five colors

• Rose Water (#FBE0DE): A whisper-light, dusty orange — the color of toasted spice.
• Coral Clay (#EF7957): A luminous, balanced orange — the color of sun-warmed clay.
• Terracotta (#B55500): A full-bodied, balanced gold — the color of old brass.
• Bronze (#764500): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3A2400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: 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

• Tempered Cocoa color palette (#F0DDCF, #BC976D, #9A623B, #7C341F, #302100)
• Muted Amber Workshop color palette (#F9DDCC, #D58A00, #956A00, #665300, #2F2F00)
• Gentle Amber Ridge color palette (#F8E7ED, #FF8676, #DD6700, #8B6000, #342E00)
• Antique Ember color palette (#F5D5DF, #D16055, #964200, #5D3A00, #3D3000)
• Quiet Amber color palette (#EEDAC9, #DA7E2E, #0092C4, #954E00, #002D40)
• Dusty Scarlet Veranda color palette (#F0DBE2, #ED6A91, #C9424A, #931410, #551C00)
• Hushed Bronze Studio color palette (#FFEFDF, #E5CF9D, #A9BC82, #AD6850, #4C3107)
• Worn Grape color palette (#F0E2D5, #BF7000, #008E81, #7E4AB4, #311900)

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