Fern Pier color palette — #FAF5EA · #ADB587 · #5F7E4C · #4A6323 · #4E4200

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

The five colors

• Ivory (#FAF5EA): a clean, paper-quiet neutral.
• Sage (#ADB587): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#5F7E4C): A full-bodied, balanced green — the color of a quiet forest floor.
• Olive (#4A6323): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#4E4200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Washed Fern Garden color palette (#FAF5E7, #92A370, #446F3D, #2A5449, #36362F)
• Driftwood Garden color palette (#FFF1F6, #ABCEBB, #7D9970, #497A88, #2A4A3A)
• Timeworn Olive Hollow color palette (#E9E5D7, #577814, #00450D, #002922, #0A1300)
• Ancient Pier color palette (#F7F1D4, #64854F, #005327, #082E57, #0D2000)
• Amber Lantern color palette (#E4FBF4, #73A5D2, #B87A38, #266AA1, #5D390F)
• Patina Cerulean Alley color palette (#FEF0FF, #E9D6D8, #DEAEBD, #5C89A1, #5E4A5A)
• Cobalt Alley color palette (#FEF0FF, #538BCE, #AB636A, #4D7630, #442F46)
• Weathered Hollow color palette (#F9F4EC, #C2E6DA, #6D8CB9, #006E83, #5A3D53)

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