Fern Drift color palette — #ECF9F1 · #B6DDCB · #89B1A4 · #685A00 · #23382D

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

The five colors

• Ivory (#ECF9F1): a clean, paper-quiet neutral.
• Oat (#B6DDCB): A whisper-light, dusty teal — the color of sea glass.
• Sage (#89B1A4): A luminous, dusty teal — the color of glacier melt.
• Olive (#685A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#23382D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Aged Forest color palette (#EBF9F7, #BADAD9, #89AFB1, #006E22, #183937)
• Antique Chestnut color palette (#FFF1F7, #EAC8D5, #96AF95, #8D4200, #3D2D35)
• Dusty Bronze color palette (#F9F5EB, #E2DECC, #C0C19D, #8D7600, #36322C)
• Worn Lagoon color palette (#EFF8F3, #D0DDDE, #A9ACB8, #638C7A, #4C5551)
• Spruce Field color palette (#DAE5E1, #88A09A, #4F7A75, #263000, #020C08)
• Misty Workshop color palette (#C4F7F4, #00AC7A, #006A56, #424705, #003825)
• Weathered Abyss color palette (#E0EEEE, #A6BEC1, #75949B, #005239, #0B2425)
• Worn Amber Lantern color palette (#EDF9F0, #C4E0E4, #A0C7DB, #BB9200, #223929)

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