Emerald Garden color palette — #F1F3E8 · #409154 · #006882 · #253C7B · #220D15

Fern takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F1F3E8): bright and airy, almost weightless.
• Fern (#409154): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#006882): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#253C7B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#220D15): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Emerald 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

• Timeworn Driftwood color palette (#FFEDEE, #A05E96, #007185, #0E3E6F, #210D16)
• Muted Moss Parlor color palette (#F4F3E4, #7F9939, #00765E, #00495A, #2D1900)
• Aged Navy Lantern color palette (#E1EDCD, #00714D, #004F74, #220080, #110012)
• Tempered Aubergine Lantern color palette (#E5F7EC, #008197, #5127A0, #581855, #170401)
• Ancient Mustard Cabin color palette (#FBF4E8, #CFAC48, #009083, #5A58A4, #27180B)
• Wandering Ultramarine Harbor color palette (#E4F8E4, #008D8B, #1F1CEE, #510072, #210404)
• Wandering Bronze color palette (#FFF1F6, #AC7200, #1F5C97, #1C456F, #2E2838)
• Nightshade Atelier color palette (#D8EDD9, #006E71, #2413BD, #420057, #110000)

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