Softworn Coast color palette — #F8F0EB · #BCE9CE · #5B93C3 · #326A59 · #3A2434

A conversation between Slate Blue and Pine, giving this palette its sense of nature and growth.

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Mint (#BCE9CE): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#5B93C3): A luminous, balanced blue — the color of open sky before noon.
• Pine (#326A59): A full-bodied, dusty teal — the color of glacier melt.
• Onyx (#3A2434): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Cerulean Boulevard color palette (#F9EFED, #ACEAE6, #469AB2, #456943, #04342B)
• Cobalt Lantern color palette (#FFEEE5, #8CDEF1, #008AD3, #00654A, #18214A)
• Mustard Harbor color palette (#FBF1DA, #B7A43F, #8C82CA, #73650F, #272143)
• Turquoise Station color palette (#FCF2F8, #D2DEF4, #73ACD6, #3D897F, #374962)
• Worn Atelier color palette (#F6E6E0, #1B8890, #00415A, #00210F, #000106)
• Chalky Sapphire color palette (#FCEFE3, #6EC5FF, #4967D3, #005250, #210544)
• Quiet Nightshade Harbor color palette (#F4EBE0, #58A3DF, #414DA7, #00393A, #120025)
• Quiet Moss Summit color palette (#FDF1D4, #A08E00, #8D6DB9, #745F93, #271D03)

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