Worn Fern Pier color palette — #E7F1EC · #C0D0CD · #89A7A8 · #5B5800 · #21322A

Built around Olive, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Cream (#E7F1EC): bright and airy, almost weightless.
• Oat (#C0D0CD): a calm mid-gray that lets other colors speak.
• Blue Fog (#89A7A8): A luminous, dusty teal — the color of glacier melt.
• Olive (#5B5800): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#21322A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Olive Pier color palette (#F0F7F4, #D1DBDE, #9BBABE, #5D6C00, #313E39)
• Hushed Fern Alley color palette (#EBE9E0, #CECCBA, #A5A68A, #545B00, #191607)
• Fern Market color palette (#DAE5E2, #ABBDBD, #74949C, #314F00, #06251F)
• Basalt Delta color palette (#CEE7D1, #8FA47A, #387465, #683958, #55271A)
• Moss Corridor color palette (#F1EEE5, #CAD9C7, #AABFB1, #999647, #332E1D)
• Timeworn Lagoon Boulevard color palette (#EFF7F8, #D6DAE0, #B2A9B0, #43927E, #4A5556)
• Softworn Petrol color palette (#DEEDF0, #8F9CA2, #57748D, #00332E, #000C0F)
• Hushed Aubergine color palette (#F5D3E3, #877800, #005C38, #5B004D, #1F2800)

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