Softworn Pier color palette — #FCF2F6 · #C0E9F7 · #9DB889 · #7E859B · #3C4A42

Built around Sage, softened by Frost — the whole palette hums with nature and growth.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Frost (#C0E9F7): A whisper-light, dusty blue — the color of deep harbor water.
• Sage (#9DB889): A luminous, dusty green — the color of fresh herbs.
• Slate Blue (#7E859B): A luminous, dusty violet — the color of wild irises.
• Charcoal (#3C4A42): A deep, shadowed, dusty teal — the color of sea glass.

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

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

• Ancient Teal color palette (#ECF8F5, #B0EDED, #54AEB2, #7E6F8B, #223E3F)
• Lagoon Bloom color palette (#EDF4EF, #ABCDBA, #618E7B, #6D5A6E, #22362B)
• Cocoa Veranda color palette (#FCF4E9, #EBDDBA, #BDB790, #AD919C, #604A00)
• Aged Courtyard color palette (#F8F3F8, #D3D5E4, #8BD8F8, #709F7A, #404F60)
• Washed Driftwood color palette (#FCF4EB, #CCC0A2, #89843B, #765D6E, #604A00)
• Dusty Lagoon Archive color palette (#EAFAEF, #A6C78A, #008C66, #60456A, #001E18)
• Weathered Turquoise color palette (#FFF0FB, #FFB7AA, #67CCDB, #4AB3C2, #443240)
• Weathered Teal color palette (#E0FDF2, #73B389, #006F69, #57284B, #000A0A)

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