Softworn Coast color palette — #FDF1F6 · #D7D4DF · #80AEFF · #00868F · #302D5E

Built around Cornflower, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Ivory (#FDF1F6): bright and airy, almost weightless.
• Silver (#D7D4DF): bright and airy, almost weightless.
• Cornflower (#80AEFF): A luminous, balanced violet — the color of wild irises.
• Cerulean (#00868F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#302D5E): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Softworn Coast 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

• Washed Pine color palette (#FCF2F9, #D3D4E4, #5DB3D1, #00835E, #003151)
• Linen Study color palette (#F3F7EB, #CBE9FF, #76BCFF, #009FCB, #1E406E)
• Linen Archive color palette (#FFF1F5, #DADFF2, #6A93FF, #00707D, #280365)
• Linen Cornflower color palette (#FFF3E8, #9AD6FF, #487DD7, #00656C, #3A3B63)
• Patina Corridor color palette (#F9F3F7, #D3D5E5, #AFC3E7, #59A47F, #385065)
• Sapphire Basin color palette (#FAE8F1, #86BFE1, #2A65B8, #003D40, #020013)
• Weathered Moss color palette (#F4F4FF, #DFA6FF, #789B00, #009372, #2F123D)
• Aged Cobalt color palette (#FBF2F9, #A4D4EA, #0084B6, #005345, #000C23)

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