Softworn Pier color palette — #FFF0F9 · #9DE8FF · #37A1F8 · #00856A · #363C64

Cornflower and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Ice Blue (#9DE8FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Cornflower (#37A1F8): A luminous, balanced blue — the color of open sky before noon.
• Teal (#00856A): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#363C64): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Iris Alley color palette (#EDF9EC, #BDDFFF, #8192F5, #008286, #483561)
• Dusty Turquoise color palette (#FAF3F8, #B5F1F7, #65AFD5, #518867, #384960)
• Misty Drift color palette (#FFF0F8, #77D9FF, #208CFB, #007463, #2D256B)
• Quiet Archive color palette (#E5EAFF, #97AAFF, #079F70, #538F00, #252C56)
• Hushed Cerulean Canyon color palette (#F4F7EB, #A1D8EB, #128BB6, #006570, #004566)
• Tempered Courtyard color palette (#F3F4FF, #FED2E3, #F4BA9C, #4397C5, #4E395B)
• Gentle Basin color palette (#E0EEDF, #5898D0, #434CA7, #003B3D, #100021)
• Turquoise Study color palette (#F1E1EB, #00B5D2, #006CA7, #004C37, #08093E)

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