Pine Lagoon color palette — #E0F2F1 · #009054 · #004A65 · #004224 · #000103
Built around Fern, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Cream (#E0F2F1): a clean, paper-quiet neutral.
- Fern (#009054): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#004A65): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Forest (#004224): A deep, shadowed, balanced teal — the color of glacier melt.
- Black (#000103): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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
- Aged Olive color palette (#D3EBE3, #678500, #004F49, #2D3D00, #000201)
- Navy Alley color palette (#D1E7EB, #007968, #003766, #00322A, #000104)
- Powdered Nightshade Harbor color palette (#D3EBF4, #008993, #302D9E, #003E43, #01000A)
- Dusty Onyx Bloom color palette (#E4F5E7, #00756A, #004255, #3D0021, #000707)
- Hushed Denim Station color palette (#DBF2F8, #00ABA3, #005E9F, #005854, #00040B)
- Nightshade Loft color palette (#EFEFE0, #578624, #2510B2, #203A00, #010019)
- Patina Abyss Balcony color palette (#D8E3E4, #A3B7BD, #79929F, #005043, #000E10)
- Charred Coast color palette (#D3F4F5, #005F3B, #42006B, #340004, #010100)
Browse the whole catalog at Explore, or see today's palette.