Soft Pine color palette — #F7F6E4 · #81B277 · #227D40 · #1D5E49 · #26431F
Olive and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F7F6E4): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#81B277): A luminous, balanced green — the color of new leaves after rain.
- Olive (#227D40): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#1D5E49): A full-bodied, dusty teal — the color of shallow lagoons.
- Forest (#26431F): 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 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
- Pine Study color palette (#FBF1DA, #9BB17B, #257E48, #00575A, #192500)
- Weathered Studio color palette (#FAF5E6, #B8B08A, #687B4D, #4B6144, #4D4200)
- Worn Forest color palette (#E4E7D0, #6B9876, #006543, #00493E, #0A3118)
- Worn Lantern color palette (#E7FBEE, #AFC48F, #359D5B, #00787B, #31410E)
- Washed Clover Terrace color palette (#E7FAF5, #A5E19D, #48C070, #3C9C7E, #0E443E)
- Ultramarine Bloom color palette (#FFF0FE, #4991FF, #009667, #0555BE, #00462E)
- Cerulean Cabin color palette (#F5F7E7, #92DDE2, #008FA1, #006761, #004857)
- Hushed Studio color palette (#EBE8D3, #587734, #104400, #002829, #091300)
Browse the whole catalog at Explore, or see today's palette.