Fern Drift color palette — #F6F6ED · #AAB58D · #45816E · #774D4A · #3C4900

A conversation between Deep Olive and Fern, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F6F6ED): bright and airy, almost weightless.
• Sage (#AAB58D): A luminous, dusty green — the color of new leaves after rain.
• Fern (#45816E): A full-bodied, dusty teal — the color of sea glass.
• Coffee (#774D4A): A full-bodied, dusty orange — the color of toasted spice.
• Deep Olive (#3C4900): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Wandering Pine Field color palette (#F8F6E6, #8BAF81, #007E4B, #813800, #294221)
• Lagoon Harbor color palette (#F5F2E5, #AEB991, #2B857E, #6F494D, #252A18)
• Washed Driftwood color palette (#F8F5EE, #C8C1A2, #85863D, #925236, #5A4D00)
• Bronze Pier color palette (#FFF4E1, #CEB67B, #8B6A00, #524100, #3E2C00)
• Timeworn Lagoon color palette (#EBF9F3, #A5D1B0, #3CA298, #776B8C, #2F4846)
• Dusty Meadow color palette (#F9F4ED, #CEE3CC, #3999A5, #007454, #28523D)
• Tempered Garden color palette (#E6E6D6, #659A70, #00644B, #5D3100, #0A3216)
• Aged Garnet color palette (#F5EAD7, #9B9638, #4D6400, #7E0B27, #322F00)

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