Gentle Pine color palette — #FFF1F6 · #C2A2FF · #A57B00 · #007C3E · #201334
Built around Olive, softened by Lavender — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Lavender (#C2A2FF): A luminous, balanced violet — the color of a velvet chair.
- Ochre (#A57B00): A luminous, balanced gold — the color of old brass.
- Olive (#007C3E): A full-bodied, balanced teal — the color of glacier melt.
- Deep Indigo (#201334): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.
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
- Wandering Basin color palette (#FFF1F4, #D78EE5, #827F00, #007155, #240D13)
- Aged Amber color palette (#FFF0FC, #96B4FF, #C36600, #607000, #2A1026)
- Hazy Moss Archive color palette (#FFF1F6, #D8B5FF, #959A00, #468F43, #3E202C)
- Soft Fuchsia Hollow color palette (#FFF1F1, #FF72D4, #B16B00, #00622F, #002538)
- Worn Jade color palette (#FFF1F1, #E396C5, #7AAF61, #008387, #321E1F)
- Gentle Hollow color palette (#FFF1F5, #B05BE5, #887600, #005D33, #160007)
- Muted Bloom color palette (#FFF1F1, #FF87CA, #339B08, #007675, #2F1011)
- Powdered Rose color palette (#FFF4E2, #FF92EC, #E8385E, #086B16, #401B1B)
Browse the whole catalog at Explore, or see today's palette.