Softworn Coast color palette — #F0F5FF · #AAC0F9 · #8FA2D2 · #A9747E · #223737

Sky and Blue Fog set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sky (#AAC0F9): A luminous, balanced violet — the color of a velvet chair.
• Blue Fog (#8FA2D2): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#A9747E): A luminous, dusty red — the color of a theater curtain.
• Deep Forest (#223737): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Creativity, Sophistication. Tagged jewel, vibrant, 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

• Lilac Courtyard color palette (#F3F4FF, #C9B0EB, #B096D2, #AA8355, #253A45)
• Washed Sky color palette (#ECF8FA, #79D3C4, #6AB3DA, #B77670, #243C3F)
• Periwinkle Delta color palette (#F0F5FF, #8FA3FF, #D6707C, #AE5661, #002321)
• Worn Sky color palette (#E8F4FC, #5EC5F0, #717B91, #495760, #1A2326)
• Antique Villa color palette (#ECF8FA, #71C6BA, #B686B9, #975034, #18302B)
• Hushed Harbor color palette (#F2F5FF, #B592FF, #C665C3, #CB4B59, #002E26)
• Dusty Seafoam color palette (#ECF8F9, #8CD9C3, #CA97BA, #998458, #514019)
• Navy Terrace color palette (#D3FFFF, #A7ECE7, #8AC1E2, #728FC5, #4B3872)

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