Soft Pine color palette — #C8EAE3 · #69A972 · #008651 · #63560C · #001503
Built around Fern, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Honeydew (#C8EAE3): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#69A972): A luminous, balanced green — the color of fresh herbs.
- Fern (#008651): A full-bodied, balanced teal — the color of sea glass.
- Coffee (#63560C): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#001503): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Soft Olive color palette (#D1E6DA, #96A046, #5F7D00, #7A4806, #0F1100)
- Muted Villa color palette (#C8F4F2, #009655, #00819E, #7F6200, #000B03)
- Weathered Loft color palette (#E0F5F2, #72B991, #009571, #387341, #002020)
- Quiet Lagoon color palette (#CFECE3, #449763, #006154, #64191C, #001506)
- Softworn Clover Field color palette (#DAF9E2, #04BC63, #008745, #00532F, #000501)
- Misty Orchard color palette (#E7F1D1, #6E9B00, #3F7B00, #0B5C0E, #001F08)
- Emerald Lantern color palette (#C5E9E6, #00A94E, #0085D5, #007734, #001021)
- Weathered Emerald color palette (#D1EBE3, #9FC88A, #51A758, #6B7D49, #01312A)
Browse the whole catalog at Explore, or see today's palette.