Softworn Pier color palette — #F0F8F1 · #D5DEF5 · #8CC4F4 · #40A9B4 · #374961

Cyan and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F8F1): bright and airy, almost weightless.
• Frost (#D5DEF5): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sky (#8CC4F4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cyan (#40A9B4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#374961): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, 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

• Muted Lagoon color palette (#FDF3EC, #C2E6F7, #9EBCEB, #3B9387, #513645)
• Softworn Ridge color palette (#DCE4DD, #4DB0C5, #007FA7, #005E59, #000A16)
• Wandering Ash Coast color palette (#F3F4FF, #EED8DF, #E5BB9E, #A1A7DA, #4A4960)
• Apricot Study color palette (#F3F4FF, #CBACFF, #F39E4F, #49BAA9, #34364C)
• Quiet Terrace color palette (#E5EEE7, #7DB7E2, #137FF6, #006A7D, #070741)
• Periwinkle Parlor color palette (#E7F2E9, #AADAF9, #58A9FB, #008EA1, #1F2C4E)
• Hazy Turquoise Dune color palette (#ECF9EE, #8EEDE9, #00C0D3, #009C74, #003948)
• Cerulean Pier color palette (#F1F3EB, #C2E6D6, #5C94BB, #1C687B, #102E48)

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