Fern Field color palette — #F5F6EF · #9BB98B · #6465B0 · #387000 · #2F1E29

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

The five colors

• Ivory (#F5F6EF): a clean, paper-quiet neutral.
• Sage (#9BB98B): A luminous, dusty green — the color of new leaves after rain.
• Slate (#6465B0): A full-bodied, balanced violet — the color of twilight just after sunset.
• Olive (#387000): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#2F1E29): A deep, shadowed, dusty pink — the color of a candy shop window.

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

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

• Ancient Summit color palette (#F2F7ED, #80BEA5, #895998, #007154, #331C22)
• Aged Fern color palette (#F7F6EB, #A5B876, #0078A7, #566900, #132921)
• Worn Pine Pier color palette (#EAF4F4, #86C3A1, #0081A3, #00784B, #021019)
• Linen Quarry color palette (#F3F7EE, #89D8AD, #00A0BE, #149862, #1A2820)
• Gentle Workshop color palette (#FFF2EA, #6BA879, #007596, #7E3500, #32432A)
• Washed Mulberry color palette (#EFF8F1, #3FA9BD, #9A3352, #005A67, #28100C)
• Iris Atelier color palette (#E9FBEC, #BBE69F, #0BCBD6, #6F8BE6, #284835)
• Soft Navy color palette (#F6F7CB, #77BDA0, #008690, #005480, #2E2B82)

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