Fern Field color palette — #F2F3E5 · #CFD8C1 · #9DB392 · #296C0D · #1B1C05
Olive and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F2F3E5): bright and airy, almost weightless.
- Oat (#CFD8C1): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#9DB392): A luminous, dusty green — the color of new leaves after rain.
- Olive (#296C0D): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#1B1C05): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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 Veranda color palette (#F8F1E5, #DAD4BC, #AEAD90, #6F5800, #241800)
- Cypress Terrace color palette (#ECF5EA, #C7D9CB, #94B4A4, #006A63, #0D1F0A)
- Feathered Jade Balcony color palette (#EBE6C2, #6CA662, #006D44, #384400, #031C01)
- Fern Harbor color palette (#ECF8F5, #C0D8DA, #78B2BA, #3E6800, #0C3B33)
- Moss Thicket color palette (#F6F6EB, #CFE4D8, #A9D0C9, #559100, #272606)
- Worn Abyss Coast color palette (#E2E8E3, #A7B8AF, #70978C, #004D54, #010F04)
- Tempered Workshop color palette (#EDF1E5, #869281, #5B725E, #00331F, #010200)
- Softworn Pine color palette (#DBE6BE, #008847, #005080, #500043, #180B00)
Browse the whole catalog at Explore, or see today's palette.