Gentle Fern Pier color palette — #E3E0D2 · #7E8500 · #186102 · #003A1B · #001811
A conversation between Pine and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Bone (#E3E0D2): bright and airy, almost weightless.
- Olive Leaf (#7E8500): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#186102): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#003A1B): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001811): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged warm.
Use it as a design system
One click turns Gentle 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
- Frosted Corridor color palette (#F1F0DA, #828F00, #215900, #002F19, #000302)
- Bronze Harbor color palette (#E9DED3, #A17300, #5F5C00, #293800, #041900)
- Frosted Chapel color palette (#E3F0DC, #009A3F, #006B4E, #00403C, #00171A)
- Mulberry Station color palette (#C7EFEA, #3AA03C, #8C0095, #07550D, #1F0022)
- Pale Azure color palette (#D4EBE7, #5FC0AA, #00A7D8, #565A00, #001F16)
- Aged Grove color palette (#DCEBDA, #927B2E, #734800, #531D00, #0B0D00)
- Quiet Boulevard color palette (#CEE8D5, #00BA92, #008C85, #005766, #003040)
- Airy Magenta color palette (#FFE9EA, #DA00E5, #009375, #001610, #000203)
Browse the whole catalog at Explore, or see today's palette.