Misty Emerald color palette — #E5FBF7 · #A8E7A5 · #FF9F70 · #4F9F4E · #4C2D3F

Kelly Green and Melon set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E5FBF7): A whisper-light, dusty teal — the color of sea glass.
• Mint (#A8E7A5): A whisper-light, balanced green — the color of new leaves after rain.
• Melon (#FF9F70): A luminous, balanced orange — the color of toasted spice.
• Kelly Green (#4F9F4E): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal (#4C2D3F): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Balance. Tagged light.

Use it as a design system

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

• Pale Quarry color palette (#E5FBF1, #D6DA91, #FF98A4, #8E9029, #54292F)
• Feathered Chartreuse Parlor color palette (#E6FAF7, #97E291, #F0A0D5, #7BAE77, #58354D)
• Soft Honey color palette (#E8F9FB, #A4FADF, #F6C271, #47AF93, #334E35)
• Aqua Harbor color palette (#E6FBEF, #E1D881, #00D4DE, #968C2E, #004145)
• Antique Amber color palette (#EDF9EE, #EFDBB0, #C09652, #826444, #23372A)
• Linen Mint Studio color palette (#D8FEFF, #00D299, #D58500, #007E5B, #2E1900)
• Hushed Teal color palette (#E5FAFA, #C9E1F0, #A8A9C8, #81B489, #345052)
• Gentle Seafoam color palette (#E3FAFF, #70ECE2, #B3B1FF, #009F96, #353359)

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