Softworn Lagoon color palette — #EFF7F9 · #D2DAE4 · #B3C0D6 · #009393 · #2D3E42

Cerulean and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D2DAE4): a clean, paper-quiet neutral.
• Ash (#B3C0D6): A luminous, dusty violet — the color of twilight just after sunset.
• Cerulean (#009393): A luminous, balanced teal — the color of sea glass.
• Charcoal (#2D3E42): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Ancient Teal color palette (#F1F7F0, #CCDEDC, #ABC6C9, #5CB0A8, #353D33)
• Ash Coast color palette (#DDEFFF, #AABDD6, #8289B3, #716184, #503E58)
• Lagoon Courtyard color palette (#EAF9F4, #A5BD92, #5F8F58, #2E7350, #173D36)
• Muted Denim Corridor color palette (#DEE7EC, #ABB6BF, #7C98B6, #005B77, #011623)
• Softworn Balcony color palette (#DCF2FF, #008EAE, #21435B, #012535, #050F13)
• Hushed Aubergine color palette (#D1F7F6, #47B1CB, #0080BA, #6F3592, #003647)
• Faded Azure color palette (#EAF8FF, #78E7EE, #05CAF5, #01A1EC, #00394D)
• Softworn Indigo Summit color palette (#ECEEF5, #D3D7E6, #B3B5D0, #6660CA, #282D3C)

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