Softworn Pier color palette — #D3E7E4 · #009992 · #006669 · #004147 · #001A1F

Fern and Peacock set the tone — five colors that lean into calm and sophistication.

The five colors

• Silver (#D3E7E4): A whisper-light, dusty teal — the color of sea glass.
• Fern (#009992): A luminous, balanced teal — the color of sea glass.
• Peacock (#006669): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#004147): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#001A1F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Calm, Sophistication. Tagged muted, cool.

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

• Softworn Harbor color palette (#D3F0F9, #009194, #7A6C00, #005153, #161200)
• Weathered Field color palette (#B4F8D7, #00C0AA, #008D94, #005769, #002434)
• Tempered Turquoise Boulevard color palette (#D7EEF6, #00A8C8, #00667D, #002C39, #00060A)
• Hushed Terrace color palette (#DEEBDA, #3E9D3E, #007033, #003E24, #001D13)
• Cobalt Dune color palette (#C9E7F7, #0085C1, #005894, #003569, #001137)
• Lapis Grove color palette (#CDEBFB, #007790, #593DCB, #005C2D, #000D12)
• Weathered Periwinkle Delta color palette (#CCEDFF, #97CCEC, #60A9F0, #006C76, #002032)
• Softworn Loft color palette (#E5F2FF, #91B4EB, #6787D5, #4B5789, #2D3750)

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