Emerald Lagoon color palette — #EDEFE9 · #B6C4BB · #8FB2A2 · #009959 · #1D2113

Kelly Green and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EDEFE9): a clean, paper-quiet neutral.
• Stone (#B6C4BB): soft and architectural.
• Sage (#8FB2A2): A luminous, dusty teal — the color of sea glass.
• Kelly Green (#009959): A luminous, balanced teal — the color of sea glass.
• Onyx (#1D2113): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Worn Cypress color palette (#E8EFE5, #A2B5AE, #809F97, #008470, #0D1708)
• Hushed Olive Lagoon color palette (#EDEAE1, #BBC3B4, #9BAF94, #898500, #261F07)
• Abyss Atelier color palette (#E1EEEE, #A1B9BA, #6F959B, #00522E, #020D0D)
• Wandering Teal Cabin color palette (#F0F8EE, #CBDED9, #A3CBEA, #00AFA6, #263923)
• Powdered Ultramarine Alley color palette (#E1E1C5, #00B18E, #008887, #254AB3, #001B17)
• Mint Meadow color palette (#D6E7C9, #25E991, #00C9A5, #00A8AF, #001F1B)
• Lagoon Workshop color palette (#D2E6CA, #008D7D, #004C4C, #0E2305, #010200)
• Misty Mulberry color palette (#D3F4FF, #7EAA9A, #5883BB, #80498E, #441038)

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