Soft Pier color palette — #FFF3E3 · #B47E00 · #478837 · #005571 · #0D0600

Olive Leaf takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#B47E00): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#478837): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005571): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#0D0600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

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 Balcony color palette (#FFF1F0, #C66491, #7A7C00, #005959, #160009)
• Hazy Pier color palette (#FFF3E6, #C17600, #00897A, #1942A8, #0F0500)
• Dusty Nightshade color palette (#FFF3E4, #B47B00, #007344, #0E05A1, #0D0000)
• Washed Bronze color palette (#FFF2EF, #E8A166, #9E7200, #494C00, #031700)
• Ancient Aubergine Balcony color palette (#FFF3E4, #E28759, #756D00, #3E2095, #1E0E00)
• Aubergine Canyon color palette (#E4E1CF, #5C6700, #005A53, #2A006F, #010100)
• Pale Nightshade color palette (#FFF2ED, #E06662, #007830, #250CA0, #20000C)
• Gentle Moss color palette (#D0E4D8, #B49D00, #00A798, #008294, #002112)

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