Pine Garden color palette — #E9F9D1 · #5ABE90 · #00794B · #003C23 · #001309
Built around Pine, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Custard (#E9F9D1): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#5ABE90): A luminous, balanced teal — the color of sea glass.
- Pine (#00794B): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#003C23): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001309): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged monochrome.
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
- Lagoon Hollow color palette (#E3FADB, #6BCCBF, #008A7C, #005148, #001C18)
- Quiet Mustard color palette (#F3F6C7, #B1B351, #6F7000, #393900, #0D0E00)
- Hushed Turquoise Grove color palette (#B5F7FF, #00AFBD, #006C73, #003338, #000A0B)
- Aged Jade color palette (#DBFFED, #86EFBD, #00AA74, #005F33, #001308)
- Hushed Moss Villa color palette (#E2EDDD, #96AA56, #005346, #00221C, #020700)
- Lagoon Lantern color palette (#D0E9E1, #009676, #005544, #001F16, #000201)
- Wandering Periwinkle Thicket color palette (#ECF2E2, #60ABFF, #00AFAB, #0F220E, #040904)
- Ultramarine Archive color palette (#ECF4EF, #00B2D2, #275DC5, #005F72, #0E020D)
Browse the whole catalog at Explore, or see today's palette.