Pine Lagoon color palette — #D8FEFE · #BAE6C8 · #72B186 · #2F774D · #173F28
Pine and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#D8FEFE): A whisper-light, dusty teal — the color of shallow lagoons.
- Mint (#BAE6C8): A whisper-light, dusty teal — the color of glacier melt.
- Jade (#72B186): A luminous, balanced teal — the color of shallow lagoons.
- Pine (#2F774D): A full-bodied, balanced teal — the color of sea glass.
- Forest (#173F28): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged monochrome, 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
- Dusty Station color palette (#F0FBD9, #C0EDE8, #84C69C, #4C775A, #2E302A)
- Tempered Olive color palette (#E0FDEE, #B6E6D1, #9EA05D, #6C6E1A, #38390C)
- Worn Lagoon Field color palette (#DCFDFB, #A8DDB7, #3C9A72, #26603E, #103F3C)
- Softworn Petrol color palette (#E7F9FF, #ABE8ED, #53ABB6, #007784, #004548)
- Teal Balcony color palette (#B1F1E9, #00C0BC, #008482, #004B47, #001E1B)
- Aged Taupe Parlor color palette (#E9F9F7, #CAE3F2, #BCB5BF, #90A575, #3C5656)
- Tempered Lagoon color palette (#D8F3E5, #008C6B, #005945, #002014, #000201)
- Dusty Bronze Studio color palette (#FFF1F5, #B7D3BC, #B59571, #95694E, #364E41)
Browse the whole catalog at Explore, or see today's palette.