Softworn Pine color palette — #F1DDED · #007843 · #00415A · #410004 · #000706

Pine and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F1DDED): A whisper-light, dusty pink — the color of peonies in June.
• Pine (#007843): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#00415A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Espresso (#410004): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#000706): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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

• Navy Lagoon color palette (#FCD9EB, #006454, #002E5B, #260B00, #000203)
• Dusty Olive Corridor color palette (#EDE0EC, #6B6800, #00463F, #390030, #010700)
• Weathered Onyx Harbor color palette (#DAF1DE, #007767, #004454, #46002C, #001B1B)
• Softworn Loft color palette (#FEE4D1, #00746C, #00299C, #311600, #000709)
• Washed Coast color palette (#FFEBCC, #00A08B, #005F73, #520034, #000505)
• Abyss Cabin color palette (#D6F4FD, #004E4F, #1E1D23, #00101E, #000202)
• Timeworn Emerald Thicket color palette (#F4E2DC, #009865, #005F89, #6A0D1D, #001B19)
• Navy Meadow color palette (#F3E9CF, #005155, #1B006B, #100A00, #000103)

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