Softworn Pier color palette — #F1F7F2 · #D3E1F0 · #7AD7EA · #6BB29D · #3F5665

Ice Blue and Jade set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Frost (#D3E1F0): A whisper-light, dusty blue — the color of deep harbor water.
• Ice Blue (#7AD7EA): A whisper-light, balanced blue — the color of deep harbor water.
• Jade (#6BB29D): A luminous, dusty teal — the color of sea glass.
• Peacock (#3F5665): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. 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

• Stone Pier color palette (#E8F8FF, #D6DBE6, #92C3CC, #BAA6A2, #3F505A)
• Patina Atelier color palette (#FCF3F0, #BCE9F1, #AAD8C2, #769D7F, #574758)
• Airy Aqua Thicket color palette (#DBFDFF, #96EDDC, #39D5D2, #4AA5B2, #385463)
• Worn Boulevard color palette (#ECF8FC, #97E4EA, #FFAFA3, #3DBCC5, #5E4259)
• Hushed Glacier Boulevard color palette (#E8F8FF, #67DAEC, #E4A5DF, #C1AD7A, #31464F)
• Quiet Parlor color palette (#ECF9EE, #BAEEFF, #4FC3FF, #00A5A6, #13426C)
• Tempered Workshop color palette (#D9E4DB, #71BDCF, #008FBD, #006D69, #001527)
• Tempered Ash color palette (#F2F2EB, #C5E3DB, #6AA8B0, #5A7353, #253C2E)

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