Pine Garden color palette — #DEF2D2 · #007D39 · #00493C · #001618 · #000102
Built around Olive, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DEF2D2): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#007D39): A full-bodied, balanced teal — the color of sea glass.
- Forest (#00493C): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001618): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Pine Garden 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 Lagoon color palette (#DEF7E4, #008B66, #006E5F, #004342, #000D0F)
- Shadow Workshop color palette (#EADECA, #767000, #2A4300, #00160B, #000201)
- Cypress Studio color palette (#DAF7F2, #00787F, #004D62, #001933, #00000B)
- Dusty Terracotta Summit color palette (#E3EEDB, #007E62, #A1001E, #003427, #040000)
- Garnet Lagoon color palette (#CAEFEC, #00625E, #860027, #62001A, #000201)
- Antique Forest color palette (#DEEED4, #73C3EA, #807FC7, #1A4E00, #000102)
- Misty Crimson Archive color palette (#F2DFCC, #EE0753, #008386, #050A0D, #000200)
- Pale Navy Summit color palette (#D2ECEA, #0090AA, #00517E, #0B0071, #070015)
Browse the whole catalog at Explore, or see today's palette.