Soft Pier color palette — #F8D9F5 · #C3002E · #006089 · #004260 · #381012

Ruby and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Thistle (#F8D9F5): A whisper-light, dusty pink — the color of neon signs at night.
• Ruby (#C3002E): A full-bodied, vivid orange — the color of toasted spice.
• Peacock (#006089): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004260): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#381012): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Energy, Balance. Tagged vibrant.

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

• Soft Bloom color palette (#FFDCCB, #A64700, #006088, #00425F, #371300)
• Plum Studio color palette (#F1DBFF, #BA0072, #006666, #004647, #370D22)
• Tempered Chapel color palette (#FFECF4, #974900, #00505D, #00333C, #2A062B)
• Ember Courtyard color palette (#FFDCD1, #E74500, #008794, #00646E, #3D0B00)
• Aged Petrol Hollow color palette (#FFF1F6, #A96300, #006BAF, #004D80, #3F202D)
• Nightshade Veranda color palette (#F1D5DE, #8A5400, #3D41AD, #2A2F6E, #2D0E1B)
• Aged Pier color palette (#FFDDEC, #A55600, #00594C, #3B087E, #36003C)
• Antique Quarry color palette (#FFF0FA, #D27154, #4987A9, #42637B, #453941)

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