Soft Pine color palette — #E4FFD5 · #B1E2A7 · #5BB26E · #008A4F · #1C513C
Fern and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#E4FFD5): A whisper-light, dusty green — the color of new leaves after rain.
- Mint (#B1E2A7): A whisper-light, balanced green — the color of a quiet forest floor.
- Jade (#5BB26E): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#008A4F): A full-bodied, balanced teal — the color of sea glass.
- Forest (#1C513C): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Weathered Clover color palette (#EDE1BA, #B3D585, #5CBF68, #1B9672, #344E2F)
- Wandering Teal Balcony color palette (#EAFDD4, #9DEFD7, #02B7A1, #00837D, #004F50)
- Olive Summit color palette (#FFF4DA, #DEE09D, #96A73D, #5E7B00, #364C25)
- Lime Hollow color palette (#DEE5AD, #8DC05E, #3E8B49, #00604B, #00353E)
- Emerald Garden color palette (#DDEEDD, #009C52, #005937, #003123, #000302)
- Mint Boulevard color palette (#D9FFE7, #00E0A2, #009979, #005C50, #002B28)
- Linen Balcony color palette (#F3F7E9, #ABE4BC, #F8A56A, #00A55A, #562C08)
- Jade Villa color palette (#F0F9E8, #C5E9DA, #CAC5DF, #70BE8E, #3C4934)
Browse the whole catalog at Explore, or see today's palette.