Fern Drift color palette — #F0F3E9 · #B8CAA7 · #409383 · #586A26 · #233900

Olive takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F0F3E9): bright and airy, almost weightless.
• Pistachio (#B8CAA7): A luminous, dusty green — the color of new leaves after rain.
• Fern (#409383): A luminous, balanced teal — the color of sea glass.
• Olive (#586A26): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#233900): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Fern Drift 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

• Dusty Chestnut color palette (#F4F2EA, #C9C4A4, #738C5B, #736010, #32312A)
• Muted Lagoon color palette (#F0F4E9, #A6BB94, #008878, #435C45, #212B18)
• Timeworn Forest Archive color palette (#E1E0CD, #75996B, #006727, #004430, #131300)
• Hushed Driftwood color palette (#F5F6EC, #B6E5E1, #6DBFBC, #888B43, #374F0C)
• Olive Courtyard color palette (#E9E0C9, #676E00, #2D3D00, #00251F, #030300)
• Softworn Ash color palette (#F1F3EC, #C0E7E6, #70A4C1, #3D747F, #243C34)
• Patina Cerulean Station color palette (#D9F4E0, #7DCBE0, #008FAF, #216582, #1A392E)
• Dusty Cerulean Bloom color palette (#E2F8F0, #F4D6D3, #E3B5A6, #5F8EA5, #32433F)

Browse the whole catalog at Explore, or see today's palette.