Softworn Lagoon color palette — #F9F0E9 · #A7D3BF · #537DB8 · #005C52 · #1E1A3E

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

The five colors

• Cream (#F9F0E9): bright and airy, almost weightless.
• Pistachio (#A7D3BF): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#537DB8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005C52): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#1E1A3E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Cobalt Lantern color palette (#FFEEE5, #6CCBE1, #0078B9, #00543D, #0D0F48)
• Cobalt Drift color palette (#FAF4EC, #ADCEBF, #3E7EB0, #005E67, #253A5D)
• Cerulean Ridge color palette (#FBEFEC, #CCE4CA, #5798AD, #436944, #0C332C)
• Quiet Navy color palette (#CAE8DD, #00AAAE, #006C8F, #083E7D, #1E1C4D)
• Worn Cobalt Loft color palette (#C5EDDF, #0084C3, #A05A00, #695400, #001625)
• Periwinkle Thicket color palette (#FDF1F7, #B8DAF0, #6596E0, #007D70, #38345D)
• Misty Bronze color palette (#DAEFE6, #379CCC, #B0672E, #005D80, #2F1300)
• Dusty Cabin color palette (#D5FDEA, #CAD3FF, #D1A3CE, #357E76, #2F1930)

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