Softworn Lagoon color palette — #DDFCFD · #7DD7BF · #009286 · #00656B · #00251D

Fern and Lagoon set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#DDFCFD): A whisper-light, dusty teal — the color of glacier melt.
• Lagoon (#7DD7BF): A luminous, balanced teal — the color of sea glass.
• Fern (#009286): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#00656B): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#00251D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Balance, Grounding. Tagged botanical, earthy, 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

• Emerald Summit color palette (#E3FBF5, #95D790, #00974E, #006851, #022702)
• Washed Jade color palette (#E3FBF5, #BCE6B5, #5AA56F, #007986, #173713)
• Dusty Canyon color palette (#E4F1CF, #00AA8A, #00695E, #004D51, #00372B)
• Mint Station color palette (#D5F3EB, #5EDCA0, #00AEA1, #0086B5, #003821)
• Worn Teal Ridge color palette (#E6FAFA, #59B5A0, #006F67, #004064, #000A07)
• Azure Lantern color palette (#E5FAF9, #D2DCF0, #05A3F2, #006F86, #002646)
• Wandering Stone color palette (#F0F7F4, #C4DBE9, #9FB78C, #608F99, #354C45)
• Timeworn Abyss color palette (#DFF2EB, #66854D, #094907, #002022, #000200)

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