Fern Market color palette — #EFF7F5 · #A4B77F · #008172 · #516A00 · #10282C

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

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Sage (#A4B77F): A luminous, dusty green — the color of fresh herbs.
• Teal (#008172): A full-bodied, balanced teal — the color of glacier melt.
• Olive (#516A00): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#10282C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Olive Study color palette (#F1F7F1, #CCA875, #477F37, #805600, #122925)
• Washed Dune color palette (#ECF8F9, #84BCAA, #1B75B0, #007059, #142635)
• Ancient Cobalt Market color palette (#EDF4EF, #C3B466, #0080AC, #736500, #051018)
• Antique Lagoon color palette (#DCFDCD, #7FBF99, #038B72, #005C5C, #004550)
• Patina Aubergine color palette (#E7FBEB, #6EA77D, #007A77, #66396E, #0C4649)
• Pine Loft color palette (#EFF7F6, #D3DCE0, #B3C1CD, #458548, #3E4B49)
• Quiet Villa color palette (#F8F5ED, #D4C57F, #009BD5, #948000, #192822)
• Velvet Forest color palette (#D1E3E4, #006B50, #00294E, #002419, #000206)

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