Softworn Lagoon color palette — #E1F1F0 · #559367 · #284045 · #082322 · #060F0C

Fern and Onyx set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E1F1F0): bright and airy, almost weightless.
• Fern (#559367): A luminous, balanced teal — the color of shallow lagoons.
• Deep Teal (#284045): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#082322): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#060F0C): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Eclipse Cypress Atelier color palette (#DDF2F4, #007D66, #003037, #001416, #000504)
• Timeworn Canyon color palette (#F1F3E9, #66AE7A, #4D5D4A, #343D00, #23221B)
• Tempered Lagoon color palette (#EBF5EF, #ACCBC2, #648E71, #466B56, #1C3730)
• Dusty Bronze color palette (#E1F6FE, #60AAB0, #B7788D, #AB6056, #102B34)
• Cellar Grove color palette (#D9EDFF, #006190, #29242A, #14144C, #000912)
• Timeworn Bloom color palette (#F7EFF2, #D8DBEE, #899CC4, #257782, #2F354B)
• Muted Cypress color palette (#E7F5F7, #87BEC7, #CD8685, #008476, #4C2324)
• Washed Lagoon color palette (#E2F8EC, #BCCFC7, #719697, #6E5F83, #4E364A)

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