Pine Garden color palette — #C0F0EC · #338E4E · #8E5194 · #87384A · #003331
Fern and Slate set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#C0F0EC): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#338E4E): A full-bodied, balanced teal — the color of glacier melt.
- Slate (#8E5194): A full-bodied, balanced pink — the color of peonies in June.
- Garnet (#87384A): A full-bodied, balanced red — the color of embers at dusk.
- Deep Forest (#003331): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
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
- Soft Loft color palette (#BDEFF8, #008D81, #AA426C, #933200, #003239)
- Hazy Indigo Dune color palette (#C5F0DE, #7A8100, #6A5ABD, #734388, #0B3326)
- Antique Mulberry Garden color palette (#CDECDE, #006B4E, #821072, #710044, #00170E)
- Antique Chestnut Coast color palette (#DAEFD8, #A69661, #825B28, #613826, #11382C)
- Muted Pine Thicket color palette (#E9EED8, #408F51, #007C90, #765500, #131600)
- Weathered Driftwood color palette (#E7F9FF, #4DA8AD, #BC7178, #9A6854, #2B4750)
- Powdered Terracotta Drift color palette (#E1EEF9, #0074A2, #964200, #6B4300, #002334)
- Airy Orchard color palette (#C8EDEC, #4FAA79, #0098BD, #917400, #09341F)
Browse the whole catalog at Explore, or see today's palette.