Pine Lagoon color palette — #D0E7D3 · #00754D · #00493C · #002220 · #000809
Pine takes the lead with Forest close behind in a set that reads as sophistication at first glance.
The five colors
- Celadon Mist (#D0E7D3): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#00754D): A full-bodied, balanced teal — the color of sea glass.
- Forest (#00493C): A deep, shadowed, dusty teal — the color of sea glass.
- Onyx (#002220): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000809): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: 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
- Cypress Summit color palette (#D4EAE9, #008080, #004243, #001516, #000202)
- Weathered Emerald Veranda color palette (#E6EDDE, #00A154, #006355, #002427, #00060B)
- Charred Bloom color palette (#E6E4CC, #5E6300, #293C00, #011D01, #000802)
- Patina Delta color palette (#DCF5FA, #006A60, #8B0034, #00322C, #0A0001)
- Moonless Aubergine color palette (#D9F7F5, #005552, #5C0082, #432800, #000201)
- Weathered Cobalt color palette (#DEF5F3, #1BA8C7, #0078BB, #004A35, #000809)
- Cerulean Bloom color palette (#D6E9EB, #0097B8, #006385, #003A5C, #001432)
- Powdered Plum color palette (#F0DFCC, #C0008B, #006D84, #070D13, #000103)
Browse the whole catalog at Explore, or see today's palette.