Gentle Pine color palette — #F9F6E3 · #85B273 · #2C7B4E · #4E5712 · #2A4220
Pine takes the lead with Jade close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F9F6E3): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#85B273): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#2C7B4E): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#4E5712): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#2A4220): 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
- Tempered Garden color palette (#FBF4E7, #B8AF8F, #677B50, #4E6220, #504100)
- Airy Moss Pier color palette (#F2ECD2, #72A24C, #006D32, #004E46, #1C3600)
- Softworn Lagoon Canyon color palette (#EBF9F1, #A4C699, #0C9D7E, #786A00, #2A4222)
- Feathered Jade color palette (#E0FDF2, #AAE094, #34C177, #84904B, #2A4220)
- Soft Teal Lagoon color palette (#D6EDE1, #00B499, #00817F, #005A5F, #1A3B5A)
- Patina Bronze Courtyard color palette (#E7DED2, #887B26, #414A00, #003916, #231900)
- Antique Cerulean color palette (#FEF4E5, #92DEDC, #008FA0, #006950, #00475B)
- Timeworn Byzantium color palette (#D1F7D9, #00919C, #A63FAE, #7A5B00, #00383D)
Browse the whole catalog at Explore, or see today's palette.