Fern Pier color palette — #EAE9E3 · #CACDC2 · #9CA98F · #406100 · #171708

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

The five colors

• Parchment (#EAE9E3): a clean, paper-quiet neutral.
• Oat (#CACDC2): a calm mid-gray that lets other colors speak.
• Sage (#9CA98F): A luminous, dusty green — the color of new leaves after rain.
• Olive (#406100): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#171708): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Aged Summit color palette (#EEF4EC, #C6DAC9, #91B5A2, #006A60, #0C1F06)
• Ancient Forest color palette (#EBE7DA, #80966E, #246434, #3B3C00, #141300)
• Fern Grove color palette (#E9F1ED, #C0D0CF, #7AA9B6, #505C09, #24312C)
• Patina Forest color palette (#E2E4DB, #AEB6A8, #819380, #005224, #0A0C02)
• Aged Olive color palette (#F7F6EC, #D2E1D7, #AACBC3, #688200, #221F0B)
• Timeworn Spruce color palette (#E5EDE7, #83918A, #50746A, #003035, #000200)
• Petrol Station color palette (#DEEADB, #62A490, #007484, #552E55, #3C1022)
• Dusty Cabin color palette (#F0F4DC, #A5B93B, #2EB342, #007C74, #00170B)

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