Softworn Lagoon color palette — #F1F7F2 · #D6DFEE · #93B6D1 · #539393 · #3F556B

Storm Blue and Ash set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D6DFEE): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#93B6D1): A luminous, dusty blue — the color of open sky before noon.
• Storm Blue (#539393): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#3F556B): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Dusty Cypress color palette (#F9F3F7, #D6DFF1, #7C9CBF, #1F806B, #47526C)
• Timeworn Taupe color palette (#F2F5FF, #B2A8E3, #D09672, #56A38C, #3D4154)
• Tempered Cobalt color palette (#E3F1E6, #74BED1, #007FAA, #005956, #00213A)
• Ancient Powder Market color palette (#FAF4F0, #C6DEE7, #98CCFF, #69B39D, #624A5A)
• Denim Corridor color palette (#E7F3E9, #599BBD, #005B97, #003A41, #000526)
• Periwinkle Loft color palette (#EDF6FF, #B5CBFF, #95A0DD, #776DA3, #4C4E6B)
• Washed Taupe color palette (#EDF9EC, #B4D4BC, #86A585, #8D6879, #3A4D43)
• Worn Iris Garden color palette (#F1F5FF, #BEBDF9, #BDB27A, #8684C5, #355543)

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