Worn Lagoon color palette — #FAF3F6 · #D8D4DF · #BEBFEA · #4FA1A3 · #434D65

Storm Blue and Lavender set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#FAF3F6): a clean, paper-quiet neutral.
• Silver (#D8D4DF): a clean, paper-quiet neutral.
• Lavender (#BEBFEA): A luminous, dusty violet — the color of twilight just after sunset.
• Storm Blue (#4FA1A3): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#434D65): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn 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

• Powder Ridge color palette (#F4F6EF, #C8E8E9, #91CEFD, #6DADC1, #5D4B60)
• Petrol Lagoon color palette (#EAF4F3, #D3DAEE, #80A0BC, #487186, #2A3846)
• Hushed Jade color palette (#E6F9FB, #B0EBF0, #FFB4BF, #00B490, #543D58)
• Tempered Basin color palette (#DAFEF5, #A4E4F0, #74C9A6, #008C81, #205062)
• Hushed Stone color palette (#EAF8FB, #D4DCE8, #A7D0A2, #BCAFAF, #37535B)
• Patina Courtyard color palette (#EAFAF1, #BDE5EB, #8DBAA3, #927546, #2B4542)
• Timeworn Hollow color palette (#FDF1F9, #CCDCF3, #00C2E5, #008D59, #003956)
• Hushed Cobalt Delta color palette (#FEF1F8, #AAD2EC, #0D7CD5, #005150, #050036)

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