Sunlit Emerald color palette — #D9E7C7 · #8EB76E · #40932C · #00721D · #0E4A27

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

The five colors

• Celadon Mist (#D9E7C7): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#8EB76E): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#40932C): A full-bodied, vivid green — the color of new leaves after rain.
• Olive (#00721D): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#0E4A27): A deep, shadowed, balanced teal — the color of glacier melt.

Feels like: Nature, Growth, Balance. Tagged warm.

Use it as a design system

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

• Olive Market color palette (#F4F2D2, #8DA840, #2F8400, #005430, #004034)
• Soft Emerald color palette (#DFEDDB, #2F9E3E, #007432, #005131, #002217)
• Feathered Olive Basin color palette (#FAF0CF, #B5A956, #868200, #5A6300, #2E3E00)
• Muted Emerald color palette (#E8F8CD, #7BCBA1, #099763, #006140, #002817)
• Misty Lime color palette (#EAFFBD, #95D35C, #5DAB45, #286A31, #0C351A)
• Pale Pier color palette (#EEF0DE, #84B879, #DD7441, #278800, #56250C)
• Worn Teal Lantern color palette (#CEE7DF, #40C0AA, #00998F, #006D6D, #00494C)
• Gentle Market color palette (#E3E8C8, #5EAA5F, #009AAE, #9D6D00, #2B2E0B)

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