Fern Pier color palette — #F0EFE7 · #CBCEC1 · #97A591 · #4C5D00 · #312E1F

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

The five colors

• Cream (#F0EFE7): bright and airy, almost weightless.
• Oat (#CBCEC1): soft and architectural.
• Taupe (#97A591): A luminous, dusty green — the color of new leaves after rain.
• Olive (#4C5D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#312E1F): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Antique Studio color palette (#F0F8EB, #C9D7CC, #8BB0A1, #006A59, #27391C)
• Washed Fern color palette (#E3EBE9, #BFD0CC, #7CAFAB, #416000, #061A16)
• Ancient Olive color palette (#F0EFE5, #D8D9CA, #B5BB9E, #5C7F23, #2F2E24)
• Ancient Forest color palette (#ECE4D2, #7E955C, #126536, #483D00, #202E04)
• Dusty Cocoa Basin color palette (#E2E6CA, #6D9F81, #4F7057, #6E3C44, #512D16)
• Dusty Cabin color palette (#DEE3D7, #A1ADA1, #6B8778, #00432E, #0F1705)
• Timeworn Pine color palette (#F4F6F0, #D3DED9, #B3C4C1, #3D8559, #414F01)
• Frosted Garnet Drift color palette (#F4D8C3, #708100, #005A4B, #5C0049, #0D2C05)

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