Softworn Pier color palette — #EEE8DF · #97BEA8 · #0174A2 · #004B4B · #00162E

A conversation between Slate and Forest, giving this palette its sense of nature and growth.

The five colors

• Parchment (#EEE8DF): bright and airy, almost weightless.
• Sage (#97BEA8): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#0174A2): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004B4B): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#00162E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Dusty Cobalt Meadow color palette (#F6F1E9, #AAD2C0, #3C81BA, #005A63, #0E1F3E)
• Faded Ridge color palette (#F4ECF0, #72BED3, #006DAE, #00523E, #232953)
• Weathered Denim color palette (#E4DED5, #73A2C6, #22579E, #003843, #040031)
• Abyss Lagoon color palette (#EAE3D9, #54969D, #005264, #002C25, #00050A)
• Wandering Cypress color palette (#F5F1EB, #CADFDF, #73A2C5, #007A80, #412F42)
• Patina Summit color palette (#E0ECD6, #4F9345, #006A43, #004231, #001D19)
• Ancient Orchard color palette (#E5F2DD, #93D5D3, #48ABCC, #00702E, #0C2205)
• Plum Garden color palette (#EBF3E0, #00966A, #AF2D83, #00543A, #27001A)

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