Pine Grove color palette — #FFF0FC · #5177CE · #00782D · #003B38 · #000204
Olive takes the lead with Azure close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
- Azure (#5177CE): A full-bodied, balanced violet — the color of a velvet chair.
- Olive (#00782D): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#003B38): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#000204): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.
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
- Antique Villa color palette (#FFF0F7, #8265CB, #006B58, #003D49, #00010C)
- Cobalt Lagoon color palette (#E2FDF1, #0089BB, #565D00, #004B27, #000202)
- Tempered Pine color palette (#FFF0FB, #7C92DE, #007E36, #005452, #00130D)
- Tempered Lagoon Cabin color palette (#FFF1F7, #A993D8, #1B947C, #006C7D, #220E20)
- Soft Plum color palette (#E3DAF7, #A0009A, #004C23, #003114, #00040B)
- Washed Magenta color palette (#FFE4E7, #D165D0, #A18300, #00727C, #25050D)
- Shadow Meadow color palette (#F6DBE3, #770D9E, #004343, #001520, #01000A)
- Antique Lantern color palette (#FFF2EA, #D8713B, #746300, #004517, #001011)
Browse the whole catalog at Explore, or see today's palette.