Softworn Lagoon Lagoon color palette — #F6F6E9 · #97D9D6 · #009FA7 · #007464 · #003A42

Built around Cerulean, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#F6F6E9): a clean, paper-quiet neutral.
• Ice Blue (#97D9D6): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#009FA7): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007464): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003A42): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Softworn Lagoon 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 Boulevard color palette (#EDF0E4, #A5CFBF, #418DC6, #006882, #002E5A)
• Hushed Azure color palette (#F4F7E8, #ABE5FC, #3DA7DA, #008091, #004469)
• Aqua Station color palette (#FFF2EB, #50CDCA, #007B8F, #005933, #003751)
• Denim Coast color palette (#ECEEE0, #609DAC, #00627B, #003B3E, #000B13)
• Ancient Lagoon color palette (#F5F6EF, #CDE2DD, #83BCC7, #279992, #355242)
• Patina Orchid color palette (#DEEFFF, #0092EA, #AC48DD, #008171, #002642)
• Washed Emerald color palette (#FFF0FA, #40F6F2, #00BFDD, #009D5E, #003751)
• Ultramarine Harbor color palette (#D8F0FF, #24A9FD, #0079D7, #004EB1, #0C2076)

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