Lagoon Veranda color palette — #FAF4EE · #C7E9DC · #91B3E6 · #219EA4 · #333560

A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Honeydew (#C7E9DC): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#91B3E6): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#219EA4): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#333560): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Dusty Sky Lagoon color palette (#FFF2EB, #A2E5FD, #49B3FE, #00998D, #182E66)
• Lagoon Harbor color palette (#FDF3EE, #C7EBCE, #6ABEE1, #36A080, #0D443A)
• Timeworn Azure color palette (#ECF8F7, #B4DAF7, #589BD4, #007796, #203C5D)
• Teal Lagoon color palette (#FAF4EF, #C3E0EF, #A9CAF1, #6DB0AF, #63495C)
• Iris Hollow color palette (#E7DCD0, #9DC5E9, #6B8CEC, #007B8A, #210E4D)
• Washed Sapphire color palette (#E9DDD1, #6DA7D3, #416ED1, #005C64, #090028)
• Gentle Moss color palette (#F2F0D9, #AFCC72, #B5A1F3, #7EA016, #3A295F)
• Ancient Cerulean color palette (#F9ECE6, #69BFCD, #008FBF, #006F5A, #00142D)

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