Soft Pine color palette — #C3EDD2 · #A9B77A · #328E50 · #006A5B · #0A4D62
Fern takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#C3EDD2): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#A9B77A): A luminous, balanced green — the color of fresh herbs.
- Fern (#328E50): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#006A5B): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#0A4D62): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, 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
- Dusty Lagoon Coast color palette (#C5F8EC, #76B38B, #008A77, #00626B, #344266)
- Timeworn Emerald color palette (#C0F2E3, #9BCD88, #38AD58, #1C7D58, #1C5346)
- Quiet Fern color palette (#FFF0F5, #BBAA66, #778519, #1E6F1D, #125843)
- Lagoon Coast color palette (#D9FDFF, #85CDBD, #00886B, #00523D, #003528)
- Lilac Grove color palette (#E7F9FB, #68B097, #B06DB3, #00785C, #573359)
- Tempered Lagoon color palette (#E2EACC, #00AA4B, #007054, #004D4D, #16304D)
- Wandering Grove color palette (#E0FBFC, #D3DEEB, #A5C1E8, #818142, #2F5256)
- Ancient Cocoa Study color palette (#EDF9EF, #84B3A0, #8A6E33, #764223, #1F4540)
Browse the whole catalog at Explore, or see today's palette.