Fern Pier color palette — #EDF9ED · #8A5C00 · #265A03 · #003659 · #2B152F

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

The five colors

• Ivory (#EDF9ED): A whisper-light, dusty green — the color of a quiet forest floor.
• Ochre (#8A5C00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#265A03): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#003659): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#2B152F): A deep, shadowed, dusty pink — the color of peonies in June.

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

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

• Dusty Bronze Hollow color palette (#FFF0F8, #9F4E16, #574C00, #003E4B, #2E0F24)
• Powdered Navy Basin color palette (#EEF9ED, #916103, #005536, #221C8C, #2B1327)
• Olive Garden color palette (#F9F1DE, #716800, #006354, #003F4C, #120510)
• Muted Fern color palette (#D5EFE9, #395E00, #00435F, #490034, #111400)
• Airy Fern Hollow color palette (#F9EDFC, #AA5B6C, #3F5F00, #003B6E, #4F1023)
• Hazy Loft color palette (#DEFEEA, #675800, #004E4F, #3F0070, #251000)
• Tempered Courtyard color palette (#E1F5E2, #BF6B56, #6D5800, #352D8C, #442534)
• Lowlit Coast color palette (#DEF1DD, #855800, #072D20, #031904, #130A0F)

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