Worn Pier color palette — #EAF9F8 · #CADDCB · #639275 · #2F4C4B · #131E1D

Fern and Charcoal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAF9F8): bright and airy, almost weightless.
• Silver (#CADDCB): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#639275): A luminous, dusty teal — the color of sea glass.
• Charcoal (#2F4C4B): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#131E1D): quiet, heavy and certain.

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

• Sand Studio color palette (#EAF7FF, #FFE2A5, #3D8096, #1D3C4D, #071117)
• Wandering Petal color palette (#ECF8F8, #FFCEE1, #72AAAC, #527476, #232E2E)
• Ancient Courtyard color palette (#F4F6EF, #CAC09D, #416949, #1E4127, #1E2B20)
• Hushed Powder Corridor color palette (#EDF7F8, #BCDDF0, #84B2E9, #5FAB92, #171F28)
• Marigold Loft color palette (#DBF2FD, #CB9900, #00444E, #272228, #00090C)
• Mint Villa color palette (#E8F9F9, #6EDCAC, #C59ED1, #A67175, #203637)
• Honey Orchard color palette (#E6F9FF, #F9C85C, #007176, #002F31, #000507)
• Glacier Harbor color palette (#EAFAED, #8EF0F3, #7AA9C8, #92646C, #2C434D)

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