Soft Pier color palette — #FFF2EB · #F2B510 · #1EC382 · #9552AB · #37352F

Built around Saffron, softened by Jade — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Saffron (#F2B510): A luminous, vivid gold — the color of old brass.
• Jade (#1EC382): A luminous, balanced teal — the color of shallow lagoons.
• Orchid (#9552AB): A full-bodied, balanced pink — the color of neon signs at night.
• Espresso (#37352F): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.

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

• Clover Dune color palette (#FFF3E9, #FFAB51, #53C243, #8159BE, #413400)
• Muted Orchard color palette (#FFF2ED, #D5C400, #00B69E, #B24DA2, #263D0D)
• Powdered Mustard color palette (#FCD4C2, #C5A900, #009F81, #8B488E, #292500)
• Antique Emerald Terrace color palette (#FFF4DE, #C9C700, #00A144, #4B4E98, #212D00)
• Turquoise Studio color palette (#FFF2EF, #B0D591, #16B9CB, #A96D82, #3C3E37)
• Indigo Thicket color palette (#FFF3E4, #FFA596, #B2AB19, #5965CE, #4D2C10)
• Faded Teal Harbor color palette (#FFDEC8, #DAD09B, #57BE9C, #AE7172, #703937)
• Softworn Bloom color palette (#FFF3E7, #D8D18F, #73BA57, #B17C45, #3D3A34)

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