Fern Field color palette — #F7F5EC · #E3DFBF · #B9B98E · #8DA08A · #574E00

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

The five colors

• Ivory (#F7F5EC): a clean, paper-quiet neutral.
• Celadon Mist (#E3DFBF): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#B9B98E): A luminous, dusty green — the color of a quiet forest floor.
• Taupe (#8DA08A): A luminous, dusty green — the color of a quiet forest floor.
• Deep Olive (#574E00): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity, Grounding. Tagged botanical, earthy, 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

• Softworn Stone Chapel color palette (#FFF1F3, #E3D7D2, #DFAFBD, #9DB2A0, #604B4D)
• Aged Teal color palette (#F6F6EE, #CAE8DE, #93D4D6, #72B0A0, #3A513F)
• Worn Spruce color palette (#F3F8E7, #BFD1A8, #6AB09D, #678E7D, #293D00)
• Hushed Alley color palette (#EAF5F0, #A9CCC1, #718D5A, #4A676D, #20362F)
• Aged Corridor color palette (#F3EBD1, #B5CC6E, #76A938, #B65D4C, #293300)
• Frosted Moss color palette (#F7EDD8, #9E9E2E, #687A00, #833D3E, #111100)
• Worn Station color palette (#E7E4D1, #709555, #377135, #005356, #020800)
• Tempered Lilac Dune color palette (#FFF1F5, #E4C8F7, #8AD4E5, #BD96D7, #325640)

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