Fern Drift color palette — #E9FBED · #9D7700 · #2A6B00 · #004A46 · #551B00

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

The five colors

• Ivory (#E9FBED): A whisper-light, dusty teal — the color of sea glass.
• Ochre (#9D7700): A full-bodied, balanced gold — the color of honey in a jar.
• Olive (#2A6B00): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004A46): A deep, shadowed, dusty teal — the color of glacier melt.
• Espresso (#551B00): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Quiet Bronze color palette (#FFF1F5, #AD6D00, #586000, #004D31, #5E0324)
• Olive Parlor color palette (#E7FBEF, #A4A960, #5E7400, #6F461E, #1A4335)
• Olive Thicket color palette (#E5F7F0, #6F8100, #006446, #00434C, #0B2B52)
• Frosted Quarry color palette (#E0FCF7, #409411, #006861, #004563, #3F2D00)
• Marigold Bloom color palette (#FFF1F6, #FFAF8A, #EA9100, #9F8000, #4E3200)
• Weathered Fern color palette (#D0E5DE, #4A6100, #004133, #00232E, #1C0E00)
• Dusty Bronze Boulevard color palette (#DAE7D9, #8E5C00, #372800, #041E05, #1A0D12)
• Worn Olive color palette (#FFECBE, #B0AC7B, #6E8141, #036E68, #2B5462)

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