Soft Pier color palette — #F5DEDE · #FF978C · #DE725A · #B75E3B · #54280F

Coral Clay and Melon set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#F5DEDE): A whisper-light, dusty red — the color of a theater curtain.
• Melon (#FF978C): A luminous, balanced orange — the color of toasted spice.
• Coral Clay (#DE725A): A luminous, balanced orange — the color of toasted spice.
• Terracotta (#B75E3B): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#54280F): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Soft 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

• Faded Quarry color palette (#FFF1F5, #FFAEB0, #DE6344, #8A4200, #4C2D00)
• Amber Archive color palette (#FBDBC9, #F39E5A, #D1832C, #9B6300, #533A00)
• Dusty Blush Chapel color palette (#FFDEEE, #F79BBF, #E47495, #B35265, #642A2E)
• Apricot Workshop color palette (#FFF1E7, #FFC296, #E38C52, #AB612D, #391900)
• Quiet Basin color palette (#FFE0DF, #DF716A, #AF2700, #742400, #3B1600)
• Ember Study color palette (#FBE8F4, #FFA488, #BC9FEE, #E16742, #3E275E)
• Pale Apricot color palette (#FCD9EB, #FA8D4A, #A0AE4C, #C579A6, #3F1F31)
• Ancient Delta color palette (#FFF0F7, #EED3CF, #EDD197, #DA997F, #4E343E)

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