Softworn Pier color palette — #E9FAF4 · #B1DDBC · #3C9C8B · #596C2E · #002F2E

Built around Fern, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#E9FAF4): bright and airy, almost weightless.
• Pistachio (#B1DDBC): A whisper-light, dusty teal — the color of sea glass.
• Fern (#3C9C8B): A luminous, balanced teal — the color of glacier melt.
• Olive (#596C2E): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#002F2E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Softworn Cypress Boulevard color palette (#EEF9EE, #B3DBC7, #76955B, #077463, #0F2F21)
• Washed Moss color palette (#EDF9ED, #D6D3A0, #759655, #7E5C2A, #0E2F21)
• Tempered Olive color palette (#D0E5DB, #57894D, #004833, #002026, #000200)
• Jade Studio color palette (#E4F6F3, #6CB281, #1E7653, #1F504A, #032120)
• Tempered Fern color palette (#D6E6D7, #94924E, #315A00, #00332C, #010100)
• Ancient Turquoise Quarry color palette (#FAF3F8, #D5D4E2, #57B2DC, #008268, #0D2F52)
• Tempered Cerulean Summit color palette (#DBFFED, #5ED5C9, #00A3B3, #006B85, #00324D)
• Fern Workshop color palette (#F8F6E1, #76A984, #1A7263, #554C00, #313B00)

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