Fern Field color palette — #F5F3E2 · #9CB263 · #007E5B · #506400 · #000D06

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

The five colors

• Cream (#F5F3E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#9CB263): A luminous, balanced green — the color of new leaves after rain.
• Teal (#007E5B): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive (#506400): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#000D06): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance. Tagged duotone.

Use it as a design system

One click turns Fern Field 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

• Weathered Cypress Study color palette (#F0F3EC, #7BC6A3, #00858C, #007752, #031305)
• Olive Villa color palette (#F7F1E6, #C7A24C, #637400, #735600, #080B00)
• Feathered Meadow color palette (#ECF9F0, #BEA000, #007378, #665500, #00212B)
• Fern Pier color palette (#E6E6D9, #789A55, #006545, #325100, #010300)
• Weathered Hollow color palette (#F8F4CF, #45A864, #00725C, #00416A, #002313)
• Jade Summit color palette (#BDF6B6, #4EBB77, #007E56, #005142, #002420)
• Olive Station color palette (#F2F3E9, #CDDBCD, #BBC4A7, #477B17, #262618)
• Gentle Corridor color palette (#E7FAF3, #A9CB00, #00A062, #6C8300, #002322)

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