Lagoon Villa color palette — #FBF2F6 · #D8D4DF · #A2BAF0 · #2A938E · #373C5E

Built around Fern, softened by Sky — the whole palette hums with creativity and calm.

The five colors

• Ivory (#FBF2F6): a clean, paper-quiet neutral.
• Silver (#D8D4DF): a clean, paper-quiet neutral.
• Sky (#A2BAF0): A luminous, balanced violet — the color of a velvet chair.
• Fern (#2A938E): A luminous, balanced teal — the color of glacier melt.
• Navy (#373C5E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Turquoise Villa color palette (#FAF4EC, #C2E9EC, #91C1FC, #23A9C2, #5B3B55)
• Worn Pine color palette (#FAF2FA, #D2D5E4, #6AB1CD, #3C7F4B, #142F4F)
• Washed Basin color palette (#ECF4EE, #C8E0F3, #6190C9, #006A7B, #1D2C46)
• Dusty Blush Bloom color palette (#FDF0FF, #F69EAD, #52BEBA, #39A4A0, #352438)
• Muted Iris color palette (#FBF4ED, #C6E4D9, #6C88CB, #00716D, #5D3C4C)
• Tempered Alley color palette (#F1E1EA, #5DAECB, #00559B, #002C23, #01000A)
• Aged Cobalt color palette (#FFF0FC, #8ADBE7, #1584B7, #005435, #000137)
• Spruce Delta color palette (#F4EBF5, #6EC9C3, #00738B, #074106, #000308)

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