Softworn Lagoon color palette — #DFEEF2 · #008684 · #304B73 · #004140 · #000204

Teal and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DFEEF2): a clean, paper-quiet neutral.
• Teal (#008684): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#304B73): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#004140): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000204): a grounded near-black with real depth.

Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.

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

• Muted Cerulean Market color palette (#D0F5FF, #0082A5, #004E6F, #00233F, #00030D)
• Dusty Nightshade color palette (#D2E4F0, #0080A5, #2423B6, #003E52, #00010C)
• Softworn Onyx color palette (#D1ECEB, #006E8D, #003F6E, #350040, #000408)
• Timeworn Drift color palette (#E6EFF3, #98A7B0, #688BA2, #004F57, #000B11)
• Hushed Pine Lantern color palette (#DCF3F0, #0A8C37, #00504E, #004516, #000202)
• Pale Harbor color palette (#DBE7F1, #219DD8, #3750CB, #00597F, #010019)
• Navy Corridor color palette (#D4EBEC, #006B53, #00235E, #00241A, #000207)
• Linen Ultramarine color palette (#E7EFE0, #00A280, #005DCD, #006751, #050005)

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