Soft Pine color palette — #E2F9E7 · #96B55F · #007F52 · #683A59 · #00271F

A conversation between Teal and Sage, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#E2F9E7): A whisper-light, dusty teal — the color of sea glass.
• Sage (#96B55F): A luminous, balanced green — the color of new leaves after rain.
• Teal (#007F52): A full-bodied, balanced teal — the color of shallow lagoons.
• Mulberry (#683A59): A full-bodied, dusty pink — the color of peonies in June.
• Onyx (#00271F): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, 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

• Wandering Olive color palette (#FFECF2, #AEAB67, #228106, #4F4374, #002819)
• Washed Jade Thicket color palette (#E4F7EE, #7BB987, #007C71, #1D5077, #002725)
• Aubergine Pier color palette (#D2EDD9, #81A251, #006C49, #50266E, #0F1A00)
• Emerald Lagoon color palette (#FFF4E2, #AAC871, #199E66, #895676, #3C3B34)
• Patina Canyon color palette (#ECF4EF, #A4CDC5, #55907D, #625D77, #243532)
• Gentle Lagoon color palette (#F7EDFF, #F178B5, #009956, #90005C, #002913)
• Misty Jade Study color palette (#F8F6E7, #ACECA4, #00AD71, #516B9A, #1B3618)
• Washed Lagoon color palette (#E1E2FF, #A159DF, #008970, #006D83, #1F0F2D)

Browse the whole catalog at Explore, or see today's palette.