Airy Emerald color palette — #FCF1FC · #9DE9ED · #00BBF2 · #009E51 · #00306C

Built around Kelly Green, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FCF1FC): bright and airy, almost weightless.
• Sea Foam (#9DE9ED): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#00BBF2): A luminous, balanced blue — the color of deep harbor water.
• Kelly Green (#009E51): A luminous, vivid teal — the color of sea glass.
• Navy (#00306C): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Periwinkle Bloom color palette (#FFF0F8, #A4E4FF, #6BADFF, #009A85, #2E2172)
• Washed Jade Orchard color palette (#FBF2F8, #D3E0F5, #88C4F8, #24B18B, #384767)
• Azure Courtyard color palette (#EBE2EA, #9CC8D9, #1A9DD8, #008153, #061A4C)
• Worn Summit color palette (#FEF4E4, #94D9DB, #009DB5, #00755E, #00394C)
• Soft Rose Delta color palette (#F3DBF7, #FF8EA0, #00BAD9, #F51865, #00343E)
• Aqua Veranda color palette (#FFEDE8, #29D4D8, #007DA0, #005624, #00193A)
• Gentle Marigold color palette (#F9EADB, #E29000, #00B781, #00A0A9, #351E00)
• Airy Cobalt color palette (#F5EBF2, #6FAABF, #2677C1, #005F4D, #07002B)

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