Lagoon Villa color palette — #ECF9F2 · #9DC1B8 · #618B76 · #74525D · #354D4D

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

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Ash (#9DC1B8): A luminous, dusty teal — the color of sea glass.
• Fern (#618B76): A full-bodied, dusty teal — the color of shallow lagoons.
• Coffee (#74525D): A full-bodied, dusty rose — the color of a warm blush.
• Charcoal (#354D4D): A full-bodied, dusty teal — the color of sea glass.

Feels like: Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns 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

• Ancient Harbor color palette (#FFF1F5, #A3C1AD, #977581, #6F5368, #3A4C47)
• Aged Pewter color palette (#E4FCEE, #9CAF84, #7D7341, #694553, #224443)
• Bronze Chapel color palette (#F6F2E5, #BFBCA5, #978139, #685625, #2D2D1C)
• Antique Archive color palette (#F1F5FE, #AFC0E7, #967844, #6166A5, #273128)
• Hushed Stone Delta color palette (#F0F5FF, #B4C89D, #545B81, #2C3852, #26232F)
• Cocoa Basin color palette (#F1F5FF, #D0AFD8, #A66A84, #834841, #653C00)
• Patina Boulevard color palette (#F3F4FF, #9785BD, #7C8459, #5C6533, #3A3C4C)
• Fern Station color palette (#F9F5EB, #DCDCBA, #BCB987, #A68D72, #3C5008)

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