Worn Pier color palette — #E5F7ED · #AAB17B · #5C8648 · #1D5C64 · #1C312B

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

The five colors

• Cream (#E5F7ED): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#AAB17B): A luminous, dusty green — the color of new leaves after rain.
• Fern (#5C8648): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#1D5C64): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#1C312B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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

• Worn Moss Station color palette (#E7F6F1, #8BA862, #178372, #005470, #102F18)
• Patina Lantern color palette (#E7F6EB, #CCA375, #8F751D, #255E46, #223023)
• Worn Lagoon color palette (#E7F5F4, #A0CDCE, #58907F, #4F685E, #1D3636)
• Tempered Stone Coast color palette (#FCF5E3, #C0C479, #7D9E66, #56795D, #494841)
• Hushed Cabin color palette (#E3F1ED, #748E38, #1C433D, #12221D, #080E0B)
• Mustard Workshop color palette (#FFF3E6, #C0A54C, #53855F, #704D5D, #554700)
• Dusty Straw color palette (#E7F6F0, #B9ECCD, #CDD97B, #7EA875, #16362E)
• Powdered Drift color palette (#D5F0E8, #2DA16A, #006A5D, #00396B, #001D1E)

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