Fern Pier color palette — #EEE8D3 · #8E9D74 · #686810 · #544200 · #30312A

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

The five colors

• Parchment (#EEE8D3): A whisper-light, dusty green — the color of a quiet forest floor.
• Moss (#8E9D74): A luminous, dusty green — the color of fresh herbs.
• Olive (#686810): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#544200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Espresso (#30312A): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Timeworn Chestnut color palette (#F3E5D6, #A79474, #88580B, #693308, #373104)
• Aged Market color palette (#D5EFE2, #9CB88D, #89842A, #765322, #073839)
• Ancient Station color palette (#FDE9D1, #7F631B, #4F3100, #301300, #0E0B00)
• Terracotta Alley color palette (#DEF5EA, #007BA3, #9C3D3E, #5D3D00, #002F20)
• Antique Taupe Bloom color palette (#E3F3EA, #B4975B, #004A5E, #002632, #001615)
• Gentle Nightshade Basin color palette (#ECF8F4, #57A2D0, #624AA5, #00567C, #25101C)
• Muted Fuchsia Summit color palette (#F1E7D2, #F084F2, #00B4D4, #172E43, #151F19)
• Hushed Aubergine color palette (#E2F1FF, #8F9FDE, #6656AC, #5F008F, #530055)

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