Worn Pier color palette — #F5F6EC · #B0D8AE · #8098D2 · #A24E3D · #383932

Brick and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F6EC): bright and airy, almost weightless.
• Pistachio (#B0D8AE): A whisper-light, dusty green — the color of fresh herbs.
• Blue Fog (#8098D2): A luminous, balanced violet — the color of wild irises.
• Brick (#A24E3D): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#383932): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Worn 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

• Dusty Mulberry Studio color palette (#F6F6ED, #C2D3A5, #52A7C0, #9A4F68, #323E17)
• Bronze Alley color palette (#EFF8EF, #94DBD9, #A48DC9, #8C6200, #254025)
• Weathered Harbor color palette (#ECF9F4, #9DD3F8, #BD86A6, #97506D, #28401A)
• Misty Lilac color palette (#FFF0F8, #9783FF, #975B00, #4A3F00, #001713)
• Washed Cerulean color palette (#F9F4EF, #C6DDEB, #E1BFDD, #50A0A9, #614255)
• Wandering Peony Lagoon color palette (#ECF9F0, #6FCADD, #B46FA2, #675D00, #003232)
• Powdered Mulberry color palette (#DFFEF0, #0EBEFB, #C84C70, #980035, #222400)
• Wandering Basin color palette (#E4FDE5, #D4E5FA, #64B5E2, #5880C1, #593A52)

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