Soft Pier color palette — #F5DDE1 · #D8818B · #BD3E43 · #890504 · #582618

A conversation between Brick and Oxblood, giving this palette its sense of warmth and comfort.

The five colors

• Shell Pink (#F5DDE1): A whisper-light, dusty red — the color of embers at dusk.
• Watermelon (#D8818B): A luminous, balanced red — the color of late-summer berries.
• Brick (#BD3E43): A full-bodied, vivid orange — the color of autumn markets.
• Oxblood (#890504): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#582618): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Brick Station color palette (#ECDBE5, #D16D8C, #B7112B, #6C2000, #301300)
• Coral Market color palette (#FADAE1, #FF9AA6, #EF6F7A, #B75D58, #603026)
• Airy Chapel color palette (#FFF2EB, #D68D74, #A63E19, #5F1900, #3F1000)
• Frosted Garden color palette (#F0D6E4, #F17EA5, #E74359, #9D3803, #502B0D)
• Airy Atelier color palette (#F2DFD9, #D58A68, #A95400, #6E3B00, #3E3400)
• Linen Mulberry Corridor color palette (#F9E5F3, #C981B1, #A83B7A, #8E0050, #622A3C)
• Terracotta Hollow color palette (#FCEAE3, #C67367, #638701, #A40805, #2A3C00)
• Grape Loft color palette (#FFDCD0, #B05E62, #8B6600, #7D2BA6, #451D20)

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