Emerald Lagoon color palette — #FFF2EE · #A8F5F2 · #48C7ED · #51A758 · #1A4267
A conversation between Kelly Green and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Sea Foam (#A8F5F2): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#48C7ED): A luminous, balanced blue — the color of a favorite pair of jeans.
- Kelly Green (#51A758): A luminous, balanced green — the color of fresh herbs.
- Navy (#1A4267): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns 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
- Hazy Teal Bloom color palette (#FFF2EA, #BFEDFF, #7EBAFF, #00A88F, #38386E)
- Weathered Turquoise color palette (#FAF4EB, #B7EBF1, #00C4D7, #008B68, #003C4B)
- Aged Meadow color palette (#FBF3F0, #C2E1E9, #9FCEEC, #80AE95, #604B5D)
- Gentle Mint Bloom color palette (#B3F4B4, #00E59F, #00B6A8, #008CA2, #004567)
- Jade Lantern color palette (#E3FEE2, #D7E5FC, #DFC2E5, #81B878, #2E5440)
- Forest Workshop color palette (#F9EEF9, #8BE1DD, #0091B0, #076815, #002646)
- Gentle Azure Hollow color palette (#FEECE0, #88CBE6, #5394E2, #007F6D, #1B1744)
- Faded Cobalt Courtyard color palette (#F8EAE2, #5DADC6, #2A78BD, #005F4C, #06002B)
Browse the whole catalog at Explore, or see today's palette.