Hazy Emerald color palette — #FDF0FE · #97EBE6 · #00BEE3 · #1E9F1C · #00355B

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

The five colors

• Blush (#FDF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Sea Foam (#97EBE6): A whisper-light, balanced teal — the color of shallow lagoons.
• Cyan (#00BEE3): A luminous, balanced blue — the color of deep harbor water.
• Kelly Green (#1E9F1C): A luminous, vivid green — the color of fresh herbs.
• Navy (#00355B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Energy. 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

• Dusty Periwinkle color palette (#FDF1F9, #98E7FE, #55B1FF, #009B7A, #252B66)
• Pale Pine Dune color palette (#F2E9F2, #8BCECF, #00A0CD, #00833B, #001E43)
• Softworn Powder color palette (#FAF3F8, #D0E2FB, #71C8FC, #56AC82, #374863)
• Frosted Cobalt color palette (#E7DAE2, #70BDD3, #0088DD, #006F58, #0C0A3A)
• Forest Alley color palette (#FFEEE5, #80CBC6, #008092, #00552C, #001D2C)
• Chartreuse Field color palette (#CCFFD6, #5DE868, #00B964, #007D33, #022302)
• Quiet Moss Summit color palette (#EFDEC7, #C1AD00, #70A200, #008345, #004033)
• Fuchsia Hollow color palette (#C9EEE1, #B9DA32, #FF50F3, #6A7F00, #50004C)

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