Soft Pier color palette — #F1F8EC · #7EC9B2 · #CB8CC1 · #009679 · #593353

Fern and Mauve set the tone — five colors that lean into creativity and balance.

The five colors

• Ivory (#F1F8EC): bright and airy, almost weightless.
• Mint Leaf (#7EC9B2): A luminous, balanced teal — the color of sea glass.
• Mauve (#CB8CC1): A luminous, balanced pink — the color of peonies in June.
• Fern (#009679): A full-bodied, balanced teal — the color of sea glass.
• Mulberry (#593353): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Chalky Field color palette (#EEF8EE, #69CACB, #E3858F, #009394, #633137)
• Powdered Emerald Corridor color palette (#F5F7E6, #9FC492, #B491E2, #519435, #4A3960)
• Feathered Seafoam color palette (#DDFDFA, #91ECA9, #F999BD, #5A9B6B, #432F4D)
• Aged Peony Grove color palette (#E0FCFC, #55B58C, #C360AA, #007853, #483B5C)
• Rust Chapel color palette (#EDFAE4, #45BCA1, #CE77AB, #C15965, #2D3E20)
• Muted Peony color palette (#D1EED1, #00B5B6, #EF2E98, #007879, #570033)
• Ancient Petrol color palette (#EBF9F1, #EFB1BE, #237D98, #004A5E, #16261E)
• Antique Amber color palette (#DFF4EB, #5CB3DE, #CC8319, #007CA8, #4D2D00)

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