Softworn Coast color palette — #F9F3F7 · #D2D7ED · #6EBFD1 · #659275 · #415565

Built around Cyan, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Powder Blue (#D2D7ED): A whisper-light, dusty violet — the color of wild irises.
• Cyan (#6EBFD1): A luminous, balanced blue — the color of open sky before noon.
• Fern (#659275): A luminous, dusty teal — the color of sea glass.
• Peacock (#415565): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Antique Ridge color palette (#FCF3F1, #C0E3E8, #A8D2BC, #86AE89, #5C4C5E)
• Wandering Pier color palette (#F6F6ED, #C1EEE0, #62A6AA, #417B6F, #3A5140)
• Ancient Cerulean color palette (#F2E8EF, #41A3AA, #00627C, #003D2B, #000A17)
• Teal Summit color palette (#FDF0FE, #EC959E, #39BBB1, #569DB7, #4C3C4D)
• Hushed Azure Hollow color palette (#FDF1F9, #9AE9FB, #00A8E9, #008571, #254066)
• Taupe Chapel color palette (#EEF8F0, #ACD6C1, #B39761, #8E6879, #3B4C47)
• Sunlit Teal color palette (#FCF1FB, #F6AFAE, #40C8BF, #C86E70, #2A545D)
• Cobalt Meadow color palette (#F8EAF2, #8CCFEA, #008CE0, #006C67, #202C4E)

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