Gentle Pine color palette — #E7FBEE · #94AF5A · #0B7E39 · #5C4378 · #164438
Built around Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#E7FBEE): A whisper-light, dusty teal — the color of sea glass.
- Moss (#94AF5A): A luminous, balanced green — the color of fresh herbs.
- Olive (#0B7E39): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal Brown (#5C4378): A full-bodied, balanced violet — the color of a velvet chair.
- Forest (#164438): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Creativity, 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
- Jade Corridor color palette (#DFFDF4, #5EB982, #007A6D, #723A64, #024443)
- Moss Alley color palette (#D5F4DF, #839E33, #006D2C, #692948, #273300)
- Feathered Olive Workshop color palette (#F9F2D6, #95B650, #457C16, #6E3D2F, #252100)
- Faded Lime Pier color palette (#DCFFF0, #A8CA5C, #669642, #925747, #344019)
- Weathered Field color palette (#F0F7F3, #9FCCC2, #5F8D74, #6E6073, #3E524E)
- Hushed Drift color palette (#D6F3EB, #488A63, #005047, #4B173E, #002210)
- Misty Boulevard color palette (#FDF1F8, #A0D8EB, #0087CB, #00675E, #263E6E)
- Hushed Amber Station color palette (#FFF1F7, #DD7300, #009099, #8C4600, #004348)
Browse the whole catalog at Explore, or see today's palette.