Misty Emerald color palette — #FDF1FB · #86EDF6 · #11B9F7 · #009D5D · #072E6F

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

The five colors

• Ivory (#FDF1FB): bright and airy, almost weightless.
• Ice Blue (#86EDF6): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Cyan (#11B9F7): A luminous, balanced blue — the color of open sky before noon.
• Kelly Green (#009D5D): A luminous, balanced teal — the color of glacier melt.
• Navy (#072E6F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, 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

• Gentle Periwinkle Terrace color palette (#FEF1F7, #AAE3FF, #74ABFF, #00998A, #312762)
• Feathered Basin color palette (#ECDDE8, #83CDDC, #009CE3, #00815A, #0D194A)
• Aged Powder Courtyard color palette (#FAF3F7, #D3E0F8, #86C3FF, #5BA993, #3D4760)
• Pale Boulevard color palette (#FDF4E5, #6CDEEB, #009CBD, #007465, #003850)
• Gentle Wisteria Market color palette (#BBF0F4, #00D3A7, #C186FF, #009F7D, #400767)
• Weathered Petrol color palette (#FFEEE6, #77CBD5, #007DA2, #005440, #001B34)
• Faded Harbor color palette (#ECDCE3, #77BADB, #267BFE, #006E63, #15023D)
• Misty Boulevard color palette (#E1FFDC, #5DFCF2, #A9D5FF, #B99900, #003F32)

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