Pine Grove color palette — #F7F7E0 · #7EB379 · #357A4C · #005C66 · #234420
Olive and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F7F7E0): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#7EB379): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#357A4C): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#005C66): A full-bodied, dusty blue — the color of open sky before noon.
- Forest (#234420): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Washed Forest color palette (#E4E7D1, #5B9C71, #006546, #004555, #252D0D)
- Hazy Summit color palette (#F9F1E1, #9BB26E, #09803C, #534076, #1A2500)
- Hushed Olive Grove color palette (#FFF4DF, #AEA563, #6B6F1A, #714145, #413B11)
- Pale Workshop color palette (#E1FCF6, #A7E0A6, #42C077, #3697A7, #13433F)
- Emerald Studio color palette (#E8FBEE, #B3C28B, #53995B, #6E5AA4, #354010)
- Dusty Garden color palette (#F5F7E8, #B2D9BE, #008EAB, #006668, #00475D)
- Hushed Balcony color palette (#F7F6E9, #C3C3A7, #828740, #8F552D, #535000)
- Hushed Olive Parlor color palette (#EEE7D7, #707011, #333D00, #45040C, #111100)
Browse the whole catalog at Explore, or see today's palette.