Pine Lagoon color palette — #E5F3E7 · #007546 · #003F2B · #001A13 · #000607
A conversation between Pine and Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#E5F3E7): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#007546): A full-bodied, balanced teal — the color of sea glass.
- Forest (#003F2B): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001A13): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000607): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged dark, 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
- Twilit Fern color palette (#E9EED0, #4C6200, #233800, #072000, #000B08)
- Hushed Pine Archive color palette (#E7F2D7, #048420, #005138, #00302A, #000E0F)
- Softworn Cypress Canyon color palette (#D1E3DF, #007167, #443F47, #00312C, #000E0B)
- Teal Terrace color palette (#D7E5D3, #00ABB0, #007489, #004133, #001211)
- Timeworn Canyon color palette (#E5F6DE, #005F53, #3100B0, #002721, #040021)
- Weathered Grape Thicket color palette (#DFEEDC, #6C24EC, #006F86, #070D13, #000201)
- Faded Pier color palette (#D4E2DA, #00C691, #008B73, #005D53, #004742)
- Quiet Azure color palette (#CAE6F2, #009BD5, #006593, #00426D, #281E5A)
Browse the whole catalog at Explore, or see today's palette.