Softworn Lagoon color palette — #E3F3EB · #009C89 · #00686B · #004654 · #1D274C

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

The five colors

• Cream (#E3F3EB): a clean, paper-quiet neutral.
• Fern (#009C89): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#00686B): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#004654): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#1D274C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged 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

• Aged Lagoon Hollow color palette (#D3F1EC, #008991, #005264, #003351, #1F0F47)
• Emerald Alley color palette (#E1F3D4, #35A959, #006853, #00463F, #072B3D)
• Gentle Teal color palette (#CBEEDB, #00C4B3, #00A4A9, #00738C, #002D42)
• Linen Rust Drift color palette (#D0E4D1, #009194, #AA4900, #005456, #461A00)
• Tempered Navy Study color palette (#D2F6FB, #0096C2, #0060A3, #202F88, #2C2260)
• Frosted Garden color palette (#CBE5EB, #00798B, #9F352F, #663F00, #00242B)
• Powdered Ridge color palette (#ADF0F1, #47B8CC, #1686B6, #2A5B8E, #39476A)
• Hushed Iris color palette (#DEFDE7, #ADD4F5, #918BC9, #006653, #0B3728)

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