Soft Pier color palette — #E3EEE2 · #C3831E · #00743A · #724800 · #000404

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

The five colors

• Honeydew (#E3EEE2): bright and airy, almost weightless.
• Mustard (#C3831E): A luminous, balanced gold — the color of honey in a jar.
• Pine (#00743A): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#724800): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#000404): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Ancient Bronze color palette (#E2F0E6, #9C8100, #00614F, #534400, #000203)
• Ember Meadow color palette (#F6E4EF, #DF6C42, #6A6300, #8E2E00, #000502)
• Aged Moss Workshop color palette (#EFE2C9, #989428, #566D00, #104901, #001F13)
• Hushed Thicket color palette (#E5F7ED, #B9AF2E, #008B75, #736C00, #001611)
• Faded Pier color palette (#D4ECD8, #928100, #1D6A00, #1B0CA3, #161800)
• Worn Rust Alley color palette (#F8E7F0, #BC5200, #004A41, #532000, #000405)
• Aubergine Garden color palette (#D3E9D6, #7F5A00, #005362, #420080, #140002)
• Tangerine Station color palette (#F7E8DF, #FF8040, #009595, #BF4F00, #000500)

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