Softworn Pine color palette — #D9EADC · #98AF6B · #0A8754 · #325B6F · #003127

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D9EADC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#98AF6B): A luminous, balanced green — the color of fresh herbs.
• Fern (#0A8754): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#325B6F): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#003127): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Softworn 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 Lagoon Terrace color palette (#E9FAEF, #A0C08C, #2F9473, #426880, #1E3C36)
• Aged Villa color palette (#F2DEE8, #BEA24F, #607E0D, #1C615B, #162F1F)
• Pine Loft color palette (#FBF5E7, #ADC491, #3A8858, #005D61, #111C00)
• Timeworn Jade Summit color palette (#D5EAE2, #62BA86, #00837E, #515B28, #05302F)
• Olive Atelier color palette (#FFE2EB, #B8B000, #338E22, #6B4D79, #322F00)
• Dusty Coast color palette (#E7E6D0, #6D9967, #176534, #004A37, #13310F)
• Pale Cerulean color palette (#F4EBF3, #8BD2D8, #0093C3, #00703D, #182E4F)
• Taupe Villa color palette (#F0F8F0, #AEDDCA, #80A784, #807991, #41514B)

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