Pine Grove color palette — #C8ECAD · #63B657 · #008E2E · #005D31 · #004140
Built around Kelly Green, softened by Clover — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#C8ECAD): A whisper-light, balanced green — the color of a quiet forest floor.
- Clover (#63B657): A luminous, balanced green — the color of new leaves after rain.
- Kelly Green (#008E2E): A full-bodied, vivid green — the color of new leaves after rain.
- Pine (#005D31): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#004140): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Lime Summit color palette (#C7F09C, #66DC36, #1DBD2A, #009749, #045233)
- Moss Pier color palette (#E6E5CB, #7FB500, #008323, #005238, #00312A)
- Jade Meadow color palette (#DAEBDD, #19B470, #008B65, #005B47, #003F47)
- Hushed Emerald color palette (#E8E393, #9FC82C, #00A63D, #007959, #004C44)
- Weathered Moss Veranda color palette (#F2EFD9, #A29F08, #6A7700, #485B00, #00482F)
- Pale Pine color palette (#DAFDFF, #A1FFEB, #00CBCC, #008F50, #024C3D)
- Emerald Corridor color palette (#C6F6F3, #00994A, #008098, #7A5B00, #073B1B)
- Emerald Ridge color palette (#D5FFFC, #39AD5F, #C15F00, #006F32, #5D2A00)
Browse the whole catalog at Explore, or see today's palette.