Pine Lagoon color palette — #F0E7C8 · #7B8800 · #007323 · #004D3A · #000303
Built around Olive, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Parchment (#F0E7C8): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#7B8800): A full-bodied, balanced green — the color of a quiet forest floor.
- Olive (#007323): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004D3A): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#000303): a grounded near-black with real depth.
Feels like: Nature, Growth, Balance. 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 Bronze Coast color palette (#EFDED2, #A17D00, #596500, #0A4906, #000402)
- Patina Olive color palette (#D7E6C8, #318300, #005721, #002A18, #000403)
- Sunlit Aubergine color palette (#F6E4D6, #7C8100, #006A52, #630061, #010500)
- Emerald Lagoon color palette (#E3ECCC, #009E51, #00735E, #004950, #000306)
- Fern Delta color palette (#E4E2DA, #98A597, #6F9481, #646900, #0D0900)
- Washed Archive color palette (#E1DFD1, #6B9472, #00787B, #6A3441, #240208)
- Feathered Moss color palette (#ECECDC, #C2A100, #6EA600, #00818B, #000803)
- Lagoon Meadow color palette (#DEEBE2, #00A695, #007C8E, #004D74, #000331)
Browse the whole catalog at Explore, or see today's palette.