Hazy Emerald color palette — #FBF2F8 · #B1F3F1 · #00CBEE · #00AC6B · #004565

Kelly Green takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Sea Foam (#B1F3F1): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00CBEE): A luminous, balanced blue — the color of deep harbor water.
• Kelly Green (#00AC6B): A luminous, balanced teal — the color of sea glass.
• Navy (#004565): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Faded Sky color palette (#FFF1F9, #BEEDFF, #6EBEFF, #00A79C, #2E3E66)
• Tempered Pier color palette (#EBF9F6, #C7DAF6, #00C5D4, #00897B, #003C46)
• Cerulean Delta color palette (#F8F1E5, #8FE0E0, #0093A5, #00644D, #002A37)
• Cobalt Market color palette (#F3E7EE, #6CABC1, #007ABF, #005E57, #01012D)
• Gentle Honey Terrace color palette (#E9FBEA, #FAB834, #87B8FF, #C48B00, #14396D)
• Azure Lagoon color palette (#F6E6EE, #85CBE9, #1196F8, #007D79, #131B42)
• Timeworn Terrace color palette (#EADAE5, #73C0BB, #0093A8, #00723C, #001623)
• Wisteria Harbor color palette (#FFE2EC, #FFBB72, #BB78EF, #219FE6, #462905)

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