Soft Pine color palette — #DBE3D4 · #74B956 · #038220 · #00652F · #004944
Olive Leaf and Clover set the tone — five colors that lean into nature and growth.
The five colors
- Bone (#DBE3D4): A whisper-light, dusty green — the color of fresh herbs.
- Clover (#74B956): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#038220): A full-bodied, vivid green — the color of a quiet forest floor.
- Pine (#00652F): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004944): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Emerald Summit color palette (#F3F1D2, #9FBF00, #20AC21, #00774C, #004E45)
- Hushed Moss Thicket color palette (#E4E595, #94A418, #648100, #395800, #004333)
- Misty Hollow color palette (#DDE6DA, #479A4E, #006B33, #004A2F, #002F31)
- Powdered Lime Chapel color palette (#E3EBDA, #7ADA00, #3BBF1E, #339346, #004925)
- Mint Field color palette (#DCFFEB, #52C895, #007D59, #00482F, #003320)
- Dusty Jade Parlor color palette (#B0F3CC, #00B086, #00896E, #00594F, #003D4C)
- Quiet Boulevard color palette (#F4F9DB, #4EAB51, #C85900, #077018, #602700)
- Amber Coast color palette (#F2E4CC, #C59705, #846F00, #5D5300, #244618)
Browse the whole catalog at Explore, or see today's palette.