Pine Grove color palette — #FFF6D0 · #E1E7A3 · #8DAE6D · #317844 · #003728
Built around Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Custard (#FFF6D0): A whisper-light, dusty green — the color of new leaves after rain.
- Celadon Mist (#E1E7A3): A whisper-light, balanced green — the color of a quiet forest floor.
- Sage (#8DAE6D): A luminous, balanced green — the color of new leaves after rain.
- Olive (#317844): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#003728): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Soft Teal Basin color palette (#E8FFCE, #B7F0BB, #64BC95, #007669, #003B40)
- Weathered Olive Thicket color palette (#FFF3E8, #FEDF9F, #B0A752, #5C6D00, #134200)
- Dusty Olive Drift color palette (#FCF2C2, #A8B267, #568410, #00602D, #004A37)
- Feathered Meadow color palette (#FFE8D9, #E2CC8D, #98B762, #009D74, #004A49)
- Moss Alley color palette (#EBEBDC, #729600, #075D11, #002919, #000201)
- Timeworn Sunflower color palette (#E3FDE8, #D1D27C, #64A370, #5A5F8D, #193830)
- Timeworn Hollow color palette (#E7FAF5, #84AD57, #294D4C, #11221E, #010704)
- Aged Pine color palette (#D9E7D5, #008C5A, #004E40, #001415, #000102)
Browse the whole catalog at Explore, or see today's palette.