Fern Pier color palette — #D4E2DE · #9ABBB9 · #779398 · #374C00 · #020E0A

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

The five colors

• Silver (#D4E2DE): a clean, paper-quiet neutral.
• Ash (#9ABBB9): A luminous, dusty teal — the color of glacier melt.
• Storm Blue (#779398): A luminous, dusty blue — the color of deep harbor water.
• Deep Olive (#374C00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#020E0A): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Weathered Spruce Hollow color palette (#D7E9E7, #82A8AD, #568394, #004314, #000605)
• Worn Fern color palette (#ECEBDD, #B6BBAE, #809482, #3B4C00, #23200A)
• Dusty Hollow color palette (#DFEBF0, #BECED9, #97A5B8, #006168, #07191E)
• Wandering Loft color palette (#F6F6E9, #CFDED0, #B5C09D, #466C30, #0D0D04)
• Dusty Olive color palette (#DDF2E6, #5F863A, #005230, #2F2A00, #040A00)
• Tempered Balcony color palette (#DCE4D1, #1C9063, #005F75, #571D23, #1A051A)
• Hushed Emerald Parlor color palette (#CAF8F7, #A49B00, #009728, #006474, #000704)
• Misty Lagoon color palette (#FEDFCB, #4A7200, #004541, #380032, #000802)

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