Fern Garden color palette — #F3F2E9 · #DCBE99 · #536A38 · #32312B · #15140B

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

The five colors

• Cream (#F3F2E9): bright and airy, almost weightless.
• Sand (#DCBE99): A luminous, dusty gold — the color of old brass.
• Olive (#536A38): A full-bodied, dusty green — the color of a quiet forest floor.
• Espresso (#32312B): quiet, heavy and certain.
• Ink (#15140B): quiet, heavy and certain.

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

• Hushed Study color palette (#EDF4ED, #DFA485, #006166, #002E30, #051006)
• Softworn Market color palette (#F3F2EA, #B9CB9C, #0092AE, #637C2F, #0C1912)
• Hushed Sand Drift color palette (#ECF8F5, #F2C994, #6F8658, #38544D, #212F2B)
• Obsidian Chestnut Terrace color palette (#E5E8D3, #7C4B00, #222A2F, #031A00, #000200)
• Driftwood Veranda color palette (#F1F3EC, #D0DAD6, #A3B2B7, #7A8B47, #353730)
• Timeworn Workshop color palette (#FFEEE5, #83BB94, #168798, #763F45, #25301E)
• Dusty Amber Dune color palette (#E2E9DA, #C07B3D, #00442F, #00170E, #010200)
• Patina Studio color palette (#D6E5D4, #B75C00, #37343E, #00312F, #000A09)

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