Softworn Pier color palette — #DAECDF · #7D9951 · #006542 · #004050 · #001711

Moss takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DAECDF): A whisper-light, dusty teal — the color of sea glass.
• Moss (#7D9951): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#006542): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#004050): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#001711): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Softworn Pier 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

• Tempered Emerald color palette (#D5EAE2, #699B5A, #00663C, #004844, #00312B)
• Worn Fern color palette (#EED8E0, #9A8E53, #376300, #472C50, #00170B)
• Pine Basin color palette (#D7EEE3, #4A8955, #004F47, #002C49, #000B02)
• Timeworn Lagoon color palette (#D3E5DE, #4CA175, #006261, #333F00, #001616)
• Weathered Workshop color palette (#F8F6E7, #97CC88, #098D55, #005E59, #191A00)
• Dusty Terrace color palette (#DFF9EA, #83B873, #007D65, #71354C, #002722)
• Olive Boulevard color palette (#F8EFF4, #9EBDA1, #737B3F, #515172, #1A2C1D)
• Tempered Canyon color palette (#F0E5EE, #7FC0C7, #0074A0, #004E2D, #021338)

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