Fern Pier color palette — #F5F6EF · #D4DDD8 · #B1C5BF · #5D7F50 · #4B4B00
Deep Olive takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F5F6EF): a clean, paper-quiet neutral.
- Silver (#D4DDD8): a clean, paper-quiet neutral.
- Stone (#B1C5BF): A luminous, dusty teal — the color of glacier melt.
- Fern (#5D7F50): A full-bodied, dusty green — the color of new leaves after rain.
- Deep Olive (#4B4B00): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Washed Basalt Parlor color palette (#F7F5EB, #AEB48B, #3F826C, #595E2C, #424700)
- Aged Jade Orchard color palette (#F5F6EF, #D4DFD6, #B5C7BC, #6B9E6C, #474941)
- Ancient Cypress color palette (#F2F7F1, #CEDDDC, #C7B5C9, #007A79, #384437)
- Weathered Spruce color palette (#E2E5D9, #A2AE9C, #6C8773, #004418, #131602)
- Forest Station color palette (#F3F6EE, #CBD6C9, #7BB0C0, #006C44, #2B3900)
- Weathered Cocoa color palette (#F9F2D7, #B4B89F, #77937A, #80574D, #734107)
- Dusty Garnet color palette (#F8F6E6, #819153, #006D8F, #81173B, #323E00)
- Antique Boulevard color palette (#E7EEEA, #BFB5BF, #9C8793, #004C63, #12241C)
Browse the whole catalog at Explore, or see today's palette.