Pine Grove color palette — #DEE3CC · #097B50 · #004131 · #202000 · #000402

Teal and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#DEE3CC): A whisper-light, dusty green — the color of new leaves after rain.
• Teal (#097B50): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#004131): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#202000): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000402): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.

Use it as a design system

One click turns Pine Grove 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

• Patina Villa color palette (#ECE7D8, #696E00, #2E3C00, #231F00, #030300)
• Antique Basin color palette (#D0EFEA, #007E63, #004041, #401000, #00140D)
• Tempered Emerald Quarry color palette (#E9EBD9, #609E6D, #176442, #25411C, #101400)
• Inked Boulevard color palette (#E2F6EC, #00573C, #00445D, #372E00, #000201)
• Dusty Teal color palette (#DBE4D2, #00B19D, #00888F, #005131, #000605)
• Hushed Abyss color palette (#E8EAD9, #5196A3, #005265, #002B2D, #000509)
• Lagoon Orchard color palette (#E1E5C3, #2EA483, #00595A, #4F1500, #000201)
• Misty Pine color palette (#F4F3DF, #8AB67D, #367C46, #3F551C, #0E2705)

Browse the whole catalog at Explore, or see today's palette.