Fern Market color palette — #F8F6E8 · #ADB48F · #3A826F · #675A04 · #404800

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

The five colors

• Ivory (#F8F6E8): bright and airy, almost weightless.
• Sage (#ADB48F): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#3A826F): A full-bodied, dusty teal — the color of shallow lagoons.
• Olive (#675A04): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#404800): 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 Market 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 Lagoon Station color palette (#E6F6F2, #94BDB8, #458461, #415F34, #0A2E2B)
• Worn Station color palette (#FCF4EA, #CCC09E, #87853C, #5E6A58, #5E4B00)
• Tempered Workshop color palette (#F9F6E1, #7EA785, #007460, #315342, #323A00)
• Worn Cerulean Balcony color palette (#FEF3ED, #CAE4CF, #4A95B2, #336F5A, #225147)
• Amber Canyon color palette (#FFE6CE, #AD8F03, #536200, #005039, #382D00)
• Dusty Study color palette (#EBFAEE, #47B1BB, #BF7258, #00737C, #5E3729)
• Dusty Courtyard color palette (#EAF9F3, #ABE1DC, #5CC1A6, #6E9B8B, #284946)
• Worn Pine color palette (#E0E0CC, #008051, #00413B, #172800, #001409)

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