Fern Garden color palette — #FFF1F1 · #E4AFAB · #AB744A · #6B5900 · #2E500F

Deep Olive takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Rose Quartz (#E4AFAB): A luminous, dusty orange — the color of autumn markets.
• Mocha (#AB744A): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#6B5900): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#2E500F): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged 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

• Patina Bronze color palette (#FFEBFA, #ECB59B, #B4722F, #6B4F00, #312E00)
• Dusty Forest color palette (#F8F2FF, #FFD2CA, #E3AC81, #99935A, #2D5625)
• Weathered Loft color palette (#FFF1F6, #DDB1D1, #AE717E, #8F4421, #5B4000)
• Bronze Dune color palette (#FCE1DA, #A37500, #4D4C00, #003308, #001918)
• Washed Orchard color palette (#FFDBD7, #C49864, #736B00, #124E00, #003B2D)
• Driftwood Balcony color palette (#FAF3F0, #DCDAD4, #9FB0AC, #A5736D, #59504D)
• Ancient Workshop color palette (#FFF3E3, #CB97A6, #917143, #42568E, #703416)
• Misty Grove color palette (#FFEDE1, #C6AE74, #6B842F, #00643C, #004A4B)

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