Softworn Lagoon color palette — #F7EFF5 · #ADE8F3 · #6394B5 · #316B52 · #1D2C46

Pine and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F7EFF5): bright and airy, almost weightless.
• Powder Blue (#ADE8F3): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#6394B5): A luminous, dusty blue — the color of open sky before noon.
• Pine (#316B52): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#1D2C46): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Weathered Cerulean Field color palette (#FAEDF7, #70E4F1, #008EC2, #00663D, #0B224F)
• Timeworn Cypress Study color palette (#F8EFF2, #D9D0E2, #899CC1, #387777, #323449)
• Powder Bloom color palette (#F9F4ED, #BBE6F2, #78C7E8, #4B9089, #25473D)
• Lagoon Coast color palette (#EDE2ED, #0A898A, #004255, #002107, #000105)
• Hazy Teal color palette (#B2F1D5, #00C5B7, #008296, #005879, #152C48)
• Washed Canyon color palette (#E0F6FF, #00B9C9, #C47751, #00727D, #3F1C09)
• Linen Cerulean Lantern color palette (#E3F5FF, #009DBE, #B26A46, #965939, #06212E)
• Hushed Aqua Courtyard color palette (#E0F6FF, #63C7EF, #1583AA, #004760, #001723)

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