Fern Garden color palette — #F8F5EE · #E5DFBD · #96C493 · #B18F9C · #5A4D00

A conversation between Deep Olive and Mint Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F8F5EE): bright and airy, almost weightless.
• Celadon Mist (#E5DFBD): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#96C493): A luminous, balanced green — the color of fresh herbs.
• Dusty Rose (#B18F9C): A luminous, dusty rose — the color of pressed rose petals.
• Deep Olive (#5A4D00): A full-bodied, balanced green — the color of fresh herbs.

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

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

• Weathered Studio color palette (#F9F5E7, #B2EDE1, #A2B68E, #B57353, #514600)
• Dusty Jade color palette (#FBF5E1, #AEDEA3, #00C18F, #A178A5, #274320)
• Worn Atelier color palette (#EEF8F3, #B0DCCD, #8BA670, #8E7487, #40524C)
• Cocoa Hollow color palette (#FFF2EC, #C9FCCD, #DFDDCC, #DAA7B2, #714002)
• Apricot Lantern color palette (#FEF3EC, #FEC6AF, #69D9EE, #E2916F, #3A5443)
• Aqua Harbor color palette (#FFF2EC, #FAB3A6, #50D2E0, #96AFE0, #48413D)
• Timeworn Teal Coast color palette (#E7E5D6, #91CA9D, #00A88F, #936288, #262D06)
• Ancient Hollow color palette (#EAF5EE, #ACCCC0, #608D85, #615D77, #23362F)

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