Gentle Pine color palette — #E2EEEA · #9BAF5F · #008845 · #5B6C00 · #001110
A conversation between Fern and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#E2EEEA): bright and airy, almost weightless.
- Sage (#9BAF5F): A luminous, balanced green — the color of new leaves after rain.
- Fern (#008845): A full-bodied, balanced teal — the color of shallow lagoons.
- Olive (#5B6C00): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#001110): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged duotone.
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
- Pine Alley color palette (#E2EEED, #5EBB83, #008281, #007743, #001111)
- Gentle Villa color palette (#E6EEE6, #D69726, #667D00, #855900, #00110C)
- Lime Orchard color palette (#F7F6E7, #A6CB44, #008B68, #566E00, #010100)
- Muted Garden color palette (#DAECDB, #58B781, #008962, #005649, #002A26)
- Olive Thicket color palette (#E6F1EF, #C8DCDA, #A1BEBD, #448500, #1C332F)
- Ancient Emerald color palette (#EDF8F7, #A4D1B2, #22A2A4, #009957, #10282F)
- Bronze Basin color palette (#E0F0E6, #9E8719, #005B5C, #4D4000, #001015)
- Muted Lagoon color palette (#E1F1F2, #009A73, #005E67, #00523C, #000203)
Browse the whole catalog at Explore, or see today's palette.