Quiet Emerald Lagoon color palette — #FFF2ED · #96F7FD · #39C6FB · #3AA964 · #20406C

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Sea Foam (#96F7FD): A whisper-light, balanced blue — the color of deep harbor water.
• Cyan (#39C6FB): A luminous, balanced blue — the color of deep harbor water.
• Kelly Green (#3AA964): A luminous, balanced teal — the color of sea glass.
• Navy (#20406C): 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 Quiet Emerald Lagoon 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

• Pale Teal Canyon color palette (#FFF2E9, #C2ECFF, #84B9FF, #00A893, #3B386A)
• Airy Lantern color palette (#FBEBE3, #82E4F9, #58ADE8, #05956C, #222C4C)
• Quiet Mint color palette (#D4F1DC, #00DEB0, #00B5C3, #0091B0, #1E416E)
• Worn Delta color palette (#FCF3EF, #BFE5F3, #A8CBEC, #78B09D, #5F4C59)
• Dusty Jade color palette (#DEFCFF, #D5DBEE, #B5AEA5, #74B97C, #0F475C)
• Turquoise Meadow color palette (#E7F9FF, #82E8FF, #00B9DB, #00819F, #002B39)
• Timeworn Cerulean color palette (#F9EEF6, #A8D9E9, #0091B4, #006548, #002743)
• Hushed Iris Workshop color palette (#ECE0D7, #87C9EE, #5B8FF0, #007E75, #201640)

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