Softworn Lagoon Villa color palette — #F0F3EC · #D0D9D6 · #ADC1BE · #3F846D · #292E24

Fern and Stone set the tone — five colors that lean into sophistication.

The five colors

• Cream (#F0F3EC): bright and airy, almost weightless.
• Silver (#D0D9D6): bright and airy, almost weightless.
• Stone (#ADC1BE): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#3F846D): A full-bodied, dusty teal — the color of shallow lagoons.
• Onyx (#292E24): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Softworn Lagoon Villa 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 Petrol Villa color palette (#EAF5EF, #C5DCDF, #CCB8C9, #007695, #192921)
• Lagoon Harbor color palette (#EFF7F7, #D5DCE3, #BABFD1, #3E8464, #394C4C)
• Patina Fern Archive color palette (#F8F1E6, #BBB588, #717B4F, #505C13, #30260A)
• Abyss Garden color palette (#DEE7DA, #94A596, #688374, #004037, #020600)
• Washed Cocoa color palette (#E3F9DE, #9EC0A9, #5F8A7F, #73504A, #5C2900)
• Patina Canyon color palette (#FFF0D8, #41B299, #00788D, #64344F, #152814)
• Celadon Market color palette (#EAF6E7, #9BF6B8, #56D0C3, #1B95C4, #07270E)
• Antique Boulevard color palette (#E0ECE7, #D2C7D2, #B39BAC, #005C82, #061A13)

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