Fern Garden color palette — #F7F2E3 · #B2B886 · #6C7D48 · #565A0B · #2C2712

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

The five colors

• Cream (#F7F2E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#B2B886): A luminous, dusty green — the color of fresh herbs.
• Walnut (#6C7D48): A full-bodied, dusty green — the color of fresh herbs.
• Olive (#565A0B): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#2C2712): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Muted Taupe Dune color palette (#F7F2E0, #96A96E, #536E3D, #364E33, #201D03)
• Muted Lagoon color palette (#F2F3E6, #C1C8A0, #628F73, #5A6652, #31322B)
• Olive Hollow color palette (#E1DFD0, #55892B, #06530D, #003133, #030A00)
• Weathered Mallow Loft color palette (#FBECFC, #DCD8EA, #D8B8E2, #548476, #3C2E3B)
• Tempered Alley color palette (#F1F3EB, #B7E3FF, #5C93C0, #2F6679, #38243A)
• Muted Orchard color palette (#D8FBF2, #2B91EA, #9B67B0, #007C71, #07241E)
• Tempered Turquoise color palette (#D9E9EE, #00B5E4, #0089BA, #16587E, #00342A)
• Washed Canyon color palette (#E8F3FF, #90C4FF, #4B80BB, #1D426C, #011735)

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