Pine Lagoon color palette — #F4F6F0 · #D2DFDA · #A5CECA · #008D5A · #1B210F
A conversation between Fern and Oat, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F4F6F0): a clean, paper-quiet neutral.
- Silver (#D2DFDA): bright and airy, almost weightless.
- Oat (#A5CECA): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#008D5A): A full-bodied, balanced teal — the color of glacier melt.
- Onyx (#1B210F): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Timeworn Grove color palette (#F3F6F0, #D1DFDC, #A5BAC4, #00A180, #2A3124)
- Patina Lagoon Studio color palette (#F6F7E3, #8ACBAE, #008884, #395C26, #001E13)
- Aged Forest color palette (#E6F1F1, #BCD0D5, #8FA4AF, #166441, #243130)
- Hushed Villa color palette (#DBEBD8, #008883, #4B4147, #002937, #000505)
- Antique Loft color palette (#DFFFE2, #8FCBC7, #5C88AC, #804C2C, #382000)
- Patina Chapel color palette (#FFF2EC, #60B781, #00788A, #7B0012, #001712)
- Hushed Abyss color palette (#E6F2E8, #C2D5CD, #B49EB1, #00585F, #000401)
- Azure Boulevard color palette (#EEF8F5, #E4D3CD, #BBBFB0, #0E96F6, #1B3C34)
Browse the whole catalog at Explore, or see today's palette.