Pine Lagoon color palette — #E0FDF1 · #88B070 · #007338 · #622809 · #000A08
Built around Pine, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#E0FDF1): A whisper-light, dusty teal — the color of sea glass.
- Sage (#88B070): A luminous, balanced green — the color of new leaves after rain.
- Pine (#007338): A full-bodied, balanced teal — the color of sea glass.
- Rust (#622809): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#000A08): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, 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 Emerald color palette (#CAE9E2, #3EA46C, #005B4A, #402300, #000201)
- Frosted Parlor color palette (#EFE9D9, #A59D00, #5D6700, #1E3900, #011501)
- Pine Ridge color palette (#E6FBF3, #98CB8F, #198C5B, #4B5727, #001E1A)
- Gentle Clover Station color palette (#E2FFD7, #68BE50, #357700, #062900, #000200)
- Pale Amethyst Terrace color palette (#D2F8EC, #88B023, #8530E5, #405600, #0C001F)
- Forest Courtyard color palette (#E8E6D3, #638641, #115304, #3E2A00, #1D1C00)
- Mint Study color palette (#D7FFF7, #97F6EE, #00D4C3, #696600, #021701)
- Abyss Canyon color palette (#D0E6D8, #74823C, #1C4800, #211B00, #000201)
Browse the whole catalog at Explore, or see today's palette.