Fern Drift color palette — #F5F6EE · #9DB88E · #008170 · #3A7000 · #1B2814

Olive and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Sage (#9DB88E): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#008170): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive (#3A7000): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#1B2814): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged duotone, 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

• Hushed Corridor color palette (#F3F6F0, #B8C6A4, #2A8D91, #00815A, #263127)
• Wandering Olive Drift color palette (#F9F5EB, #BBB073, #4E7E22, #6E6000, #26250C)
• Dusty Study color palette (#F5F2E8, #BBB868, #00829E, #6C6800, #03120A)
• Tempered Navy color palette (#F7F7E4, #68A78D, #007A73, #1F4B91, #324325)
• Softworn Cabin color palette (#D9FFE5, #7AC2A4, #138A73, #005F57, #004849)
• Worn Pine Ridge color palette (#F5F6EF, #D4DED6, #B5C4BB, #498548, #474D00)
• Quiet Loft color palette (#EDF8F3, #C8CA7D, #00A2AF, #868600, #16272D)
• Muted Teal Boulevard color palette (#F0F8EE, #0DB9B1, #006D99, #00635E, #002031)

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