Soft Pier color palette — #FFF1F5 · #FFBEC9 · #F8A517 · #30B875 · #14331F

Saffron and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Ballet Pink (#FFBEC9): A whisper-light, dusty red — the color of embers at dusk.
• Saffron (#F8A517): A luminous, vivid gold — the color of afternoon light on wheat.
• Jade (#30B875): A luminous, balanced teal — the color of shallow lagoons.
• Deep Forest (#14331F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Timeworn Courtyard color palette (#FFF1F6, #FFB2E0, #FF975B, #6EA71F, #1A331D)
• Mustard Cabin color palette (#E7FBF1, #FFC4AE, #D9BE00, #00AB99, #00392E)
• Mustard Archive color palette (#D1F8F6, #E4BD00, #00C482, #0097CF, #002722)
• Soft Amber Hollow color palette (#FFF3E6, #FFB091, #D29000, #738826, #3B2900)
• Tempered Lime Market color palette (#FFF3E7, #FFD799, #DBD5CC, #81C05C, #241B00)
• Muted Ridge color palette (#F8D7C1, #D49B2A, #838500, #426D00, #10472C)
• Mint Corridor color palette (#DCFDFA, #FFCE7B, #00E67F, #0AB0EF, #003F31)
• Pale Corridor color palette (#FFF0FC, #EAC8FF, #FF958D, #AC9500, #4C2114)

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