Fern Garden color palette — #ECF2FE · #797FC4 · #A95B57 · #4A5A00 · #12192B

Built around Olive, softened by Slate Blue — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF2FE): bright and airy, almost weightless.
• Slate Blue (#797FC4): A luminous, balanced violet — the color of twilight just after sunset.
• Brick (#A95B57): A full-bodied, balanced orange — the color of autumn markets.
• Olive (#4A5A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#12192B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, 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

• Iris Villa color palette (#ECF2FF, #7C7DC7, #9D681E, #006146, #12192E)
• Dusty Canyon color palette (#F2F0FB, #A47DAD, #8E4B6A, #314A00, #071A48)
• Antique Cocoa Loft color palette (#EAF3FF, #6385C6, #92628D, #7E3E00, #0E1A2C)
• Hazy Courtyard color palette (#F4F4FF, #9B69B7, #B34C34, #71490D, #323045)
• Wandering Olive color palette (#EDE5F7, #A05A84, #6A6900, #004E4F, #170724)
• Sunlit Terrace color palette (#FFF0FB, #8597F0, #D1714D, #5C7A31, #3F2C3A)
• Softworn Cobalt color palette (#F0F1F8, #DAD5DA, #C6B7C1, #736AAF, #282B38)
• Softworn Plum Drift color palette (#F1EBFE, #B100A5, #AD0216, #3D3F00, #190017)

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