Emerald Lagoon color palette — #FBF2FA · #B8E9FB · #62BDEC · #42A16E · #283A5B

Fern and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Powder Blue (#B8E9FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#62BDEC): A luminous, balanced blue — the color of open sky before noon.
• Fern (#42A16E): A luminous, balanced teal — the color of glacier melt.
• Navy (#283A5B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Lagoon Market color palette (#FCF2F5, #C6E4FF, #9DAFE9, #379D9D, #40315A)
• Ancient Turquoise Lantern color palette (#F1F7F2, #D6D6E5, #4BB5D3, #008170, #013349)
• Timeworn Taupe color palette (#F9F3F9, #D4D5E8, #B1C0E6, #81AF8E, #445468)
• Mint Grove color palette (#CBE9D1, #54D1B5, #00AEBE, #0084A2, #14395A)
• Tempered Apricot Orchard color palette (#DAF4FD, #2FD6E2, #FB8E73, #00A5AE, #582216)
• Azure Ridge color palette (#E6DAE2, #8ACCDC, #359ADE, #00805F, #10164F)
• Soft Lantern color palette (#C7EBFE, #11C1E9, #E48779, #C3762B, #073041)
• Cobalt Quarry color palette (#EFE0EC, #6EACB7, #007DB5, #006041, #01002F)

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