Fern Field color palette — #EAF9F5 · #B9DBD6 · #8AB295 · #3E6800 · #163A33

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

The five colors

• Ivory (#EAF9F5): a clean, paper-quiet neutral.
• Silver (#B9DBD6): A whisper-light, dusty teal — the color of sea glass.
• Sage (#8AB295): A luminous, dusty teal — the color of sea glass.
• Olive (#3E6800): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#163A33): A deep, shadowed, dusty teal — the color of sea glass.

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

• Cypress Canyon color palette (#E8F9FB, #BCD8DF, #6EB4B9, #00695B, #19383D)
• Fern Ridge color palette (#E6F6F1, #B4DDDA, #85B5BD, #506500, #012018)
• Timeworn Olive color palette (#F8F6E4, #DAE2C4, #B1C5A9, #688400, #34332C)
• Fern Boulevard color palette (#D6F3E8, #76A240, #206D00, #3E4900, #203500)
• Tempered Spruce color palette (#E2EEED, #8B9E9F, #4A7A7F, #003518, #000C0C)
• Lagoon Veranda color palette (#EFF7F6, #D3DCDF, #ACAABB, #568E87, #4D5453)
• Hushed Chapel color palette (#E5F3F7, #ADBCC2, #6397A8, #004F51, #102228)
• Washed Moss Lantern color palette (#EDF8F4, #CADDE6, #AEC2D6, #8BA619, #143B30)

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