Softworn Coast color palette — #D2E3E2 · #589E7C · #00644F · #4F3200 · #001617

Fern and Pine set the tone — five colors that lean into optimism and sophistication.

The five colors

• Silver (#D2E3E2): bright and airy, almost weightless.
• Fern (#589E7C): A luminous, balanced teal — the color of sea glass.
• Pine (#00644F): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#4F3200): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#001617): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Fern Market color palette (#DAEDE4, #869652, #3F6108, #503102, #101400)
• Tempered Lagoon Garden color palette (#E5E6D8, #569C7C, #00625D, #5B294B, #003220)
• Dusty Fern color palette (#E7F6EB, #A9A175, #68682C, #5A3B4C, #072215)
• Timeworn Lagoon Corridor color palette (#EAF4F3, #A1CDCB, #598D8F, #50685C, #1E3635)
• Petrol Coast color palette (#DBEEEA, #77C2C6, #007986, #004C46, #001A20)
• Patina Cypress color palette (#E3E7D9, #80B299, #00856B, #704E17, #003220)
• Ancient Meadow color palette (#D7F9E3, #CCCB99, #90AB71, #745400, #221E00)
• Timeworn Lagoon color palette (#E7FAF5, #88CCA9, #008980, #6B425A, #001F11)

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