Worn Pier color palette — #F3F6EE · #B1F2DF · #5B9476 · #3C4E04 · #1A1C15

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

The five colors

• Ivory (#F3F6EE): bright and airy, almost weightless.
• Sea Foam (#B1F2DF): A whisper-light, dusty teal — the color of sea glass.
• Fern (#5B9476): A luminous, dusty teal — the color of glacier melt.
• Deep Olive (#3C4E04): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#1A1C15): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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 Grove color palette (#ECF9F2, #C2F6BE, #2781A1, #1B4131, #08120D)
• Wandering Coast color palette (#F0F8EF, #E4B2AB, #276A67, #2C3E2B, #1C2724)
• Antique Teal color palette (#F0F8ED, #FFD4B5, #65AEA2, #64725F, #272E24)
• Weathered Jade color palette (#DEF5E7, #6FB762, #004352, #232930, #00090D)
• Sky Alley color palette (#F1F7F2, #CCDAF2, #74B5EC, #46ABB0, #13221E)
• Timeworn Market color palette (#EAF9F4, #8DCBFC, #D197D1, #A76F83, #263631)
• Twilit Olive Thicket color palette (#EAF4E2, #738400, #002219, #040C07, #000201)
• Weathered Pier color palette (#EAFAED, #B6DE9C, #00717B, #002E33, #000501)

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