Softworn Pier color palette — #F7EFF4 · #ADE7F6 · #5794C2 · #346A56 · #212C40

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F7EFF4): a clean, paper-quiet neutral.
• Powder Blue (#ADE7F6): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#5794C2): A luminous, balanced blue — the color of deep harbor water.
• Pine (#346A56): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#212C40): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: 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

• Aged Cobalt color palette (#F8EFF3, #95D0F1, #5C7CB3, #005C54, #181E3B)
• Aged Boulevard color palette (#EEF4ED, #D8DBEF, #8F99C9, #437381, #333446)
• Misty Bronze Boulevard color palette (#E1F6FF, #009FB2, #B06E18, #896239, #02222E)
• Antique Thicket color palette (#E4F5FF, #37B3DA, #C7745E, #006F8C, #401B11)
• Washed Teal color palette (#B8F0DB, #00B8B9, #008496, #0D5174, #162943)
• Washed Lagoon Villa color palette (#E9DBE8, #27878C, #004258, #00210C, #000105)
• Patina Powder Summit color palette (#FAF4EC, #D4D7E8, #7EC5E9, #40918D, #1C483E)
• Navy Studio color palette (#FAE7F1, #2D97BB, #00488D, #002C25, #04001A)

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