Pine Lagoon color palette — #E1EEDF · #00853D · #00502F · #002216 · #000201

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

The five colors

• Honeydew (#E1EEDF): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#00853D): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#00502F): A deep, shadowed, balanced teal — the color of sea glass.
• Onyx (#002216): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged muted.

Use it as a design system

One click turns Pine 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

• Olive Garden color palette (#EEEEDE, #727D00, #3A4A00, #091600, #000200)
• Tempered Lagoon Market color palette (#C8EBE2, #00917C, #004638, #12191D, #000806)
• Ancient Emerald Loft color palette (#EAEED5, #3E9100, #00743A, #004739, #000E0E)
• Ultramarine Pier color palette (#CEEFF0, #007F56, #0248BD, #003421, #000107)
• Worn Forest color palette (#C9EDDA, #006544, #004D67, #3B3100, #000201)
• Aged Lagoon color palette (#D2E5DB, #36D1A5, #00937E, #00534C, #001E1D)
• Wandering Cerulean color palette (#D1E3E6, #008EA7, #00556B, #002B3A, #000103)
• Worn Teal color palette (#C0EDE7, #00B0AE, #006D73, #003C44, #001419)

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