Emerald Lagoon color palette — #F6ECE8 · #BCDDC2 · #30B1EC · #00965C · #122B5B

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

The five colors

• Cream (#F6ECE8): bright and airy, almost weightless.
• Celadon Mist (#BCDDC2): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#30B1EC): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00965C): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#122B5B): A deep, shadowed, balanced violet — the color of wild irises.

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

• Dusty Lagoon Coast color palette (#FAF3F0, #CDE8D6, #7EB8E7, #00A47C, #2D3762)
• Softworn Periwinkle color palette (#F7ECE4, #ABDAF9, #78A0FF, #00918B, #312256)
• Chalky Azure color palette (#F2E7DF, #9ECCB6, #4C93EC, #007F6E, #1D0C54)
• Wandering Teal color palette (#E0F6E1, #00C5AA, #0099A4, #007891, #002E5B)
• Cerulean Studio color palette (#E9F1EB, #A6CBD9, #0095B4, #006D5E, #003248)
• Powdered Dune color palette (#DEF8DF, #CDE5FF, #DBBDFF, #28B981, #003445)
• Hushed Turquoise color palette (#BFF0FF, #64D2F6, #00ABC6, #007194, #001924)
• Petrol Garden color palette (#F1E4EF, #64C4CD, #00759E, #004E2B, #011337)

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