Soft Pier color palette — #D8FEFE · #1A9D5A · #5C3D99 · #780023 · #020100

Kelly Green and Oxblood set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#D8FEFE): A whisper-light, dusty teal — the color of shallow lagoons.
• Kelly Green (#1A9D5A): A luminous, balanced teal — the color of shallow lagoons.
• Plum (#5C3D99): A full-bodied, balanced violet — the color of wild irises.
• Oxblood (#780023): A deep, shadowed, balanced red — the color of embers at dusk.
• Black (#020100): quiet, heavy and certain.

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

• Aged Grape color palette (#E3FBFC, #14B188, #7E49A5, #792D23, #001008)
• Airy Harbor color palette (#DAFEF6, #63920F, #2D4EBF, #67004A, #090003)
• Dusty Ultramarine color palette (#E3FAFF, #00A89D, #4B57B8, #6B0033, #120C00)
• Faded Field color palette (#E5F9FF, #008980, #8B2C80, #602400, #000201)
• Powdered Garnet Orchard color palette (#DEFFE5, #00BCA5, #007791, #710A4A, #001617)
• Patina Aubergine color palette (#ECE6CD, #636700, #5A00A1, #352B00, #070500)
• Pale Aubergine Thicket color palette (#E7EEDD, #006435, #4E0091, #4C000F, #171000)
• Obsidian Garnet color palette (#D2F4FF, #00666E, #67004C, #261000, #000200)

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