Weathered Fern color palette — #F3F3E8 · #C3C7A0 · #648E6F · #506C2E · #31322B
A conversation between Olive and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#F3F3E8): bright and airy, almost weightless.
- Pistachio (#C3C7A0): A luminous, dusty green — the color of new leaves after rain.
- Fern (#648E6F): A luminous, dusty teal — the color of sea glass.
- Olive (#506C2E): A full-bodied, balanced green — the color of fresh herbs.
- Espresso (#31322B): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Weathered Fern 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
- Pine Coast color palette (#F3F3E7, #B4B78D, #50835A, #435C49, #282912)
- Turquoise Villa color palette (#F2F2EC, #C3E5DE, #5FA9B7, #3D7672, #273B30)
- Lagoon Coast color palette (#E2EBD8, #43A089, #00635A, #004146, #0A1602)
- Washed Chapel color palette (#EBF9F5, #BBDCB3, #81A687, #6B8384, #3D524F)
- Weathered Harbor color palette (#F1EEDF, #60862F, #165200, #003131, #040A00)
- Hushed Driftwood color palette (#FDECF6, #9295D8, #BA7498, #408393, #33212C)
- Ancient Hollow color palette (#FFEBF6, #E6D1D0, #E8C5FA, #9C7B95, #48363F)
- Washed Jade color palette (#FAEDF9, #93B4EC, #4AB388, #4C71B0, #2F322C)
Browse the whole catalog at Explore, or see today's palette.