Pine Lagoon color palette — #DFF5E0 · #008653 · #005042 · #002823 · #001119

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

The five colors

• Honeydew (#DFF5E0): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#008653): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#005042): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#002823): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001119): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Quiet Hollow color palette (#E8F1DC, #049526, #005F4F, #00373A, #001C24)
• Olive Hollow color palette (#EFF3DC, #4D7300, #115204, #002914, #00140D)
• Tempered Chapel color palette (#D9F0EF, #007C8B, #004656, #002637, #001324)
• Mulberry Cabin color palette (#D2F4F9, #006F61, #8D0040, #00352D, #25000B)
• Cobalt Courtyard color palette (#C8E7E2, #59A9B4, #1C7BB3, #00472C, #001B1D)
• Aubergine Delta color palette (#DBF4FA, #005953, #5B008C, #472800, #000A09)
• Magenta Dune color palette (#F6E8C6, #D600CC, #008095, #081018, #000204)
• Cerulean Terrace color palette (#BCE8E9, #009AB2, #006382, #00456D, #272258)

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