Soft Pier color palette — #F9E3E4 · #7453FF · #008455 · #001111 · #010200

Amethyst takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Rose Water (#F9E3E4): A whisper-light, dusty red — the color of embers at dusk.
• Amethyst (#7453FF): A full-bodied, vivid violet — the color of a velvet chair.
• Fern (#008455): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#001111): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#010200): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, 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

• Quiet Delta color palette (#FED4D3, #8761FF, #0F660F, #01100B, #020200)
• Faded Byzantium color palette (#FDE9D5, #B700E7, #007D8B, #060E14, #000301)
• Wandering Cobalt color palette (#F9E1FC, #0083BD, #717500, #071107, #020200)
• Peony Veranda color palette (#F6EDDE, #EF00A4, #008AB0, #00131B, #000201)
• Ancient Orchard color palette (#E6F2E2, #008778, #004090, #00423A, #050005)
• Dusty Lilac Balcony color palette (#F4E0DA, #A49CFF, #00B7A4, #1C2F14, #0C120A)
• Magenta Orchard color palette (#F6DCC0, #F021F5, #009FAA, #001C1F, #010602)
• Weathered Aubergine Lantern color palette (#DFEDD5, #00614F, #6C0083, #530010, #000202)

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