Pine Lagoon color palette — #F8DDA9 · #97AD63 · #00774E · #004B4C · #1B2D4E
A conversation between Pine and Sage, giving this palette its sense of nature and growth.
The five colors
- Peach Cream (#F8DDA9): A whisper-light, dusty gold — the color of old brass.
- Sage (#97AD63): A luminous, balanced green — the color of new leaves after rain.
- Pine (#00774E): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004B4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#1B2D4E): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Optimism, Calm. Tagged cool.
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 (#FFDFC8, #B89E5A, #4E7606, #004E38, #00393E)
- Jade Terrace color palette (#DFEDD5, #6CB273, #007D61, #00433E, #001B1E)
- Feathered Navy Station color palette (#DCEDAF, #6BB084, #007376, #004861, #001F81)
- Weathered Lagoon color palette (#D1EFB5, #73C384, #009C75, #00645C, #00353A)
- Powdered Jade color palette (#EEE9CA, #99D579, #12BA87, #00828C, #00324E)
- Wandering Workshop color palette (#F4E4C9, #A8AE8A, #468592, #794214, #3E3B35)
- Hushed Olive Dune color palette (#F6F6EF, #D2DCD6, #A8B8AC, #4B711F, #3C3B30)
- Ancient Delta color palette (#FFE9E5, #838E3A, #006866, #6F1743, #30312A)
Browse the whole catalog at Explore, or see today's palette.