Fern Garden color palette — #ECDBF9 · #B97B5B · #536A27 · #47365C · #201132

A conversation between Olive and Caramel, giving this palette its sense of nature and growth.

The five colors

• Thistle (#ECDBF9): A whisper-light, dusty violet — the color of twilight just after sunset.
• Caramel (#B97B5B): A luminous, balanced orange — the color of toasted spice.
• Olive (#536A27): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#47365C): A deep, shadowed, dusty violet — the color of a velvet chair.
• Deep Indigo (#201132): A deep, shadowed, dusty violet — the color of wild irises.

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

• Washed Chestnut color palette (#FBE7F8, #B97C72, #7D5C00, #314071, #0F1C33)
• Hushed Bronze Studio color palette (#F1DEDB, #9A7E29, #1C5E38, #3E2751, #1C072C)
• Wandering Hollow color palette (#FAE2F4, #7CA387, #386D49, #41375A, #201733)
• Aged Harbor color palette (#F5E9FF, #BF9AAD, #727D49, #5E405F, #2A223E)
• Hazy Alley color palette (#FDE1CF, #A7A247, #007665, #6D1847, #430B2A)
• Dusty Loft color palette (#FBD3D1, #CCA574, #678664, #6A4D62, #46273E)
• Olive Hollow color palette (#FEE2D8, #6D6E19, #004F39, #3D1433, #12000E)
• Amethyst Chapel color palette (#D4EADA, #987C00, #7B3ED8, #554500, #180037)

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