Softworn Coast color palette — #FCF2F9 · #D4D4E2 · #4EB3DE · #008267 · #0E3051

Built around Cyan, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF2F9): a clean, paper-quiet neutral.
• Silver (#D4D4E2): bright and airy, almost weightless.
• Cyan (#4EB3DE): A luminous, balanced blue — the color of deep harbor water.
• Teal (#008267): A full-bodied, balanced teal — the color of sea glass.
• Navy (#0E3051): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Patina Petrol Lagoon color palette (#FEF1F5, #D9D3DD, #92A3DE, #007C8F, #312552)
• Powdered Pine Delta color palette (#FFF0FA, #B2FFFA, #00ACC6, #007742, #00283B)
• Hushed Veranda color palette (#F5F6EE, #C6EBD0, #00C6E9, #189F9F, #054153)
• Periwinkle Boulevard color palette (#FFF1F7, #CAEBFF, #5A93E2, #00696D, #181744)
• Cerulean Delta color palette (#E7F5F3, #8CD5E0, #148AA1, #005B5A, #002435)
• Denim Dune color palette (#F5ECF2, #63AFBF, #005C81, #002C24, #000105)
• Feathered Wisteria color palette (#E0FCFB, #89D2AA, #C588E8, #008D5A, #351945)
• Lagoon Orchard color palette (#F9F3F7, #D4D5E4, #B0C3EB, #63A187, #375067)

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