Fern Pier color palette — #F7F6E6 · #B6E2BF · #7DBBA4 · #A08C79 · #3E4800
Built around Deep Olive, softened by Mint Leaf — the whole palette hums with nature and growth.
The five colors
- Cream (#F7F6E6): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint (#B6E2BF): A whisper-light, dusty teal — the color of glacier melt.
- Mint Leaf (#7DBBA4): A luminous, dusty teal — the color of sea glass.
- Caramel (#A08C79): A luminous, dusty gold — the color of honey in a jar.
- Deep Olive (#3E4800): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Tempered Seafoam color palette (#F5F7E8, #94DDB2, #65B19E, #84847C, #343630)
- Teal Courtyard color palette (#F9F4ED, #BCEFE2, #86CAD9, #63A893, #324F42)
- Weathered Coast color palette (#F3F8E0, #C5EEF3, #A3D9FF, #BAB488, #3E5716)
- Chalky Chartreuse Atelier color palette (#ECEFBA, #BADD78, #83B86A, #609568, #27523D)
- Chestnut Garden color palette (#E8F5F2, #8BBFB8, #558162, #63541F, #042E2A)
- Seafoam Workshop color palette (#F5F8E0, #9CE194, #DCA8E5, #73B16C, #59373F)
- Gentle Workshop color palette (#F2FAD9, #6CD984, #98B1FA, #D88F84, #373932)
- Pine Boulevard color palette (#EBE1C6, #789441, #177619, #4E4A1A, #040700)
Browse the whole catalog at Explore, or see today's palette.