Fern Garden color palette — #FFF1F5 · #D4B7E6 · #B1B77F · #9D7EB0 · #5C4C00
Built around Deep Olive, softened by Heather — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Lavender (#D4B7E6): A luminous, dusty violet — the color of a velvet chair.
- Sage (#B1B77F): A luminous, dusty green — the color of a quiet forest floor.
- Heather (#9D7EB0): A luminous, balanced violet — the color of a velvet chair.
- Deep Olive (#5C4C00): A full-bodied, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged light, 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 Iris color palette (#FFF0FA, #BAC0F3, #CBAC74, #7F85CA, #514C46)
- Softworn Driftwood color palette (#FFF2F0, #F1AEC6, #82C0AA, #BD718E, #4B4E48)
- Softworn Thicket color palette (#F3F4FF, #F0D2E9, #B2DB91, #A68ACC, #2A4E47)
- Aged Taupe Garden color palette (#FFF1F5, #BFA3DD, #9DAD6D, #779E7C, #533A43)
- Wisteria Atelier color palette (#FFF1F4, #EAC4FF, #FFB288, #C293DA, #524C47)
- Violet Alley color palette (#F4F4FF, #BBA5D2, #C18A70, #8859B0, #684231)
- Softworn Field color palette (#FCF4E5, #D4CBA7, #AA9978, #996931, #4B4B00)
- Patina Lantern color palette (#FFF1F2, #CED7A9, #9A7174, #634346, #332829)
Browse the whole catalog at Explore, or see today's palette.