Emerald Lagoon color palette — #EBF1E1 · #009453 · #00604E · #002A2C · #000204

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

The five colors

• Cream (#EBF1E1): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#009453): A full-bodied, balanced teal — the color of glacier melt.
• Pine (#00604E): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#002A2C): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000204): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged 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 Workshop color palette (#CAECD9, #009289, #005962, #002637, #00010F)
• Antique Lantern color palette (#F4F0DF, #678800, #086814, #00281E, #000202)
• Softworn Station color palette (#DAECCA, #00764B, #004E3F, #002527, #050D1C)
• Washed Canyon color palette (#D0EFF2, #009379, #BD143C, #004739, #040000)
• Turquoise Harbor color palette (#85F6FB, #00ADBA, #00595D, #001D1C, #000202)
• Powdered Fern color palette (#D5FFFA, #92DEFF, #A79AE3, #236800, #000507)
• Soft Lagoon color palette (#DCFFD6, #00DFA2, #009792, #005C69, #002A46)
• Pale Mulberry color palette (#C8EFEA, #00776F, #A6002E, #810021, #000201)

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