Fern Pier color palette — #F1F9DF · #AEF1D6 · #88D5C8 · #6C9366 · #394D04
Deep Olive and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F1F9DF): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint (#AEF1D6): A whisper-light, dusty teal — the color of glacier melt.
- Lagoon (#88D5C8): A luminous, dusty teal — the color of sea glass.
- Fern (#6C9366): A luminous, dusty green — the color of new leaves after rain.
- Deep Olive (#394D04): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Softness, Clarity. Tagged pastel, light, 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
- Weathered Taupe Balcony color palette (#EFF9E7, #C1E8DA, #A1D1C7, #7BAA8F, #404C3A)
- Olive Market color palette (#F5F9D9, #ACE3CE, #70BBD8, #737121, #1B4B3A)
- Chalky Thicket color palette (#D4FFFF, #8EEEFF, #59CEFF, #00998B, #004449)
- Cerulean Lantern color palette (#E0F7D8, #6CC1C3, #009DB7, #006E56, #002122)
- Sunlit Terracotta Cabin color palette (#EEFAE5, #009979, #A24901, #5C4A00, #201F05)
- Stone Harbor color palette (#EBF1E5, #B1BC6F, #22735A, #00402F, #12180C)
- Wandering Lagoon color palette (#E5F3E5, #00A4A5, #737ABB, #64650E, #172C18)
- Ancient Market color palette (#C9FDEC, #C1DCFF, #A0B7F8, #0B84AB, #06382E)
Browse the whole catalog at Explore, or see today's palette.