Hazy Harbor color palette — #F1F8E6 · #E3F19E · #60F6C2 · #49C9FD · #004A42

Lagoon takes the lead with Sky close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F1F8E6): A whisper-light, dusty green — the color of new leaves after rain.
• Butter (#E3F19E): A whisper-light, balanced green — the color of a quiet forest floor.
• Lagoon (#60F6C2): A whisper-light, balanced teal — the color of sea glass.
• Sky (#49C9FD): A luminous, balanced blue — the color of deep harbor water.
• Forest (#004A42): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Calm, Softness. Tagged candy, vibrant, light, pastel.

Use it as a design system

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

• Feathered Glacier Workshop color palette (#ECF9EC, #C9F9C4, #62F4FE, #94BBFF, #214936)
• Gentle Seafoam color palette (#E8F9FB, #BBFAD2, #54E2C5, #00BCC6, #004640)
• Lilac Veranda color palette (#E5FCED, #88FFE0, #70E1FF, #ACA9FF, #003A5F)
• Seafoam Summit color palette (#F8F6E6, #E3DDBF, #D7DE7F, #00E2D0, #40413A)
• Turquoise Workshop color palette (#BDF2DE, #83E0D6, #1FBFD2, #0091AE, #184965)
• Pale Chartreuse color palette (#E4FDE3, #7FF961, #00E0DD, #57B3FF, #002D36)
• Dusty Aqua Garden color palette (#F0F8EA, #B7E3EE, #31DEE1, #B3B1BD, #223619)
• Antique Teal color palette (#FAF3F0, #C4EAE3, #7EC8ED, #32AF90, #563E58)

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