Fern Pier color palette — #E6FCED · #977A00 · #0F6D12 · #004A49 · #003355

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

The five colors

• Ivory (#E6FCED): A whisper-light, dusty teal — the color of sea glass.
• Ochre (#977A00): A full-bodied, balanced green — the color of new leaves after rain.
• Olive (#0F6D12): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004A49): A deep, shadowed, dusty teal — the color of sea glass.
• Navy (#003355): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

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

• Timeworn Lagoon color palette (#FFF1F5, #AF6C00, #556100, #004C37, #003742)
• Misty Olive Quarry color palette (#E2FCF3, #6D8A00, #006A50, #004855, #012A6E)
• Driftwood Corridor color palette (#FFEAD2, #C0AD79, #81833D, #006956, #004D5F)
• Weathered Archive color palette (#F9EDFF, #DA3B83, #536400, #003C60, #1A0049)
• Wandering Navy color palette (#C8F1F1, #008352, #005661, #002583, #39004E)
• Pale Station color palette (#F4F4FF, #A158C5, #006A4F, #004759, #1F2174)
• Cypress Parlor color palette (#E5FAF8, #70B490, #007C60, #704700, #12452E)
• Blush Garden color palette (#FFF2EE, #FF557E, #288F04, #154DB1, #0D2D65)

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