Gentle Pine color palette — #F5F7E6 · #71B67C · #007E4E · #385C29 · #1F4426
Built around Teal, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Ivory (#F5F7E6): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#71B67C): A luminous, balanced green — the color of fresh herbs.
- Teal (#007E4E): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#385C29): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#1F4426): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Gentle Pine 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 Emerald color palette (#EBEED7, #4BA865, #006C46, #004F43, #013817)
- Olive Study color palette (#FAF5E5, #9FAB5F, #557600, #585300, #3C3B34)
- Patina Mint color palette (#E4FCF3, #77D384, #009D80, #656F3F, #214326)
- Weathered Fern color palette (#F4F6ED, #B9C7A3, #4A917B, #5B6B58, #415511)
- Washed Teal Market color palette (#FCF5DD, #A7DFAE, #28BDAB, #8B8D51, #1F4426)
- Teal Study color palette (#D2F3EF, #00B9B7, #007D85, #005F6B, #004754)
- Washed Olive color palette (#F0E9D5, #74822A, #354E00, #02390C, #191D00)
- Hushed Byzantium color palette (#C6F9E3, #008BBC, #8D29F5, #007254, #063A2A)
Browse the whole catalog at Explore, or see today's palette.