Lagoon Villa color palette — #DFF5F2 · #008F8C · #005C60 · #00363D · #00191E

A conversation between Fern and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#DFF5F2): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#008F8C): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005C60): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#00363D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00191E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Softworn Lagoon Veranda color palette (#D8F0E7, #009A8F, #007E85, #005461, #001822)
• Worn Cerulean Terrace color palette (#D4E4E9, #0093B6, #00627B, #002834, #000304)
• Worn Olive color palette (#D5E9F0, #008891, #6F6900, #004F55, #121000)
• Linen Cornflower Loft color palette (#CCE2EF, #5CC3FA, #2790FB, #006371, #001E31)
• Emerald Field color palette (#E0EBDD, #079023, #006D35, #003C25, #00170E)
• Gentle Cabin color palette (#CAEFFE, #007190, #6700DE, #005937, #00090F)
• Cobalt Pier color palette (#DDEDF7, #0084C8, #005B9B, #003267, #000246)
• Cobalt Lantern color palette (#E0F3FD, #4BBDFF, #0090E0, #0064B3, #183B70)

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