Soft Pine color palette — #E5F7EB · #9AB35E · #008134 · #58406E · #1B2500
A conversation between Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#E5F7EB): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#9AB35E): A luminous, balanced green — the color of new leaves after rain.
- Olive (#008134): A full-bodied, balanced green — the color of new leaves after rain.
- Charcoal Brown (#58406E): A full-bodied, dusty violet — the color of twilight just after sunset.
- Onyx (#1B2500): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Soft 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
- Dusty Coast color palette (#E7F6F0, #85AC85, #00765D, #4A4062, #00221F)
- Powdered Orchard color palette (#D2ECDC, #80A42E, #006E33, #6F1042, #111900)
- Timeworn Olive Loft color palette (#E1FDF1, #95AE5F, #4E762F, #744133, #344017)
- Dusty Emerald color palette (#FFF4DE, #ACC772, #429C5A, #716086, #3C3B34)
- Aged Moss Studio color palette (#FAF6E2, #CAE4A0, #64A639, #925A49, #2F2F28)
- Muted Balcony color palette (#D4F0E8, #2E8C5B, #004F46, #431538, #000B04)
- Feathered Orchard color palette (#F8EFF4, #94DCF3, #008BD0, #006359, #0F224B)
- Wandering Apricot Garden color palette (#FFEEE1, #F68B3A, #A55B00, #5C2D00, #1B0B00)
Browse the whole catalog at Explore, or see today's palette.