Fern Garden color palette — #F2F3E5 · #7FA973 · #4A6120 · #383932 · #23221A

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

The five colors

• Cream (#F2F3E5): bright and airy, almost weightless.
• Moss (#7FA973): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#4A6120): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#383932): a grounded near-black with real depth.
• Onyx (#23221A): quiet, heavy and certain.

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

• Wandering Teal color palette (#EBF5E9, #2EB1A7, #4C5D51, #323B30, #20231D)
• Washed Mint Coast color palette (#E7FAF6, #84C173, #385C5D, #1E2F2C, #0B110F)
• Muted Mint Lagoon color palette (#E3F7F3, #9AC586, #628288, #475955, #1D231F)
• Weathered Field color palette (#EAF1E0, #009F6A, #00514A, #222A14, #121303)
• Softworn Teal color palette (#EBFBE5, #63C5B4, #AD99CF, #B48863, #3A4735)
• Antique Alley color palette (#F9F5EC, #D8D1B8, #9F9E74, #987834, #5B4C00)
• Oat Meadow color palette (#F9F6DE, #CDD7BA, #99AA98, #9B8089, #62494A)
• Lagoon Delta color palette (#EFF9E9, #93D4C0, #DF9AB5, #3F9F88, #68413E)

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