Lagoon Pier color palette — #EFF7F9 · #D7DCE6 · #BFC0D2 · #569D9D · #3F4A4D

Built around Storm Blue, softened by Stone — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D7DCE6): bright and airy, almost weightless.
• Stone (#BFC0D2): A luminous, dusty violet — the color of a velvet chair.
• Storm Blue (#569D9D): A luminous, dusty teal — the color of glacier melt.
• Charcoal (#3F4A4D): a grounded near-black with real depth.

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

Use it as a design system

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

• Teal Ridge color palette (#F1F7F1, #D2DDDD, #B8B6AB, #65BCBB, #424B41)
• Pewter Balcony color palette (#F0F7F1, #CEE1DF, #B0C7C6, #5E7D65, #414B43)
• Patina Cobalt Studio color palette (#F1F6FB, #DDD8E9, #CEB9D7, #418AD3, #334150)
• Worn Denim Corridor color palette (#E7EFF2, #A3B7C7, #8296B7, #005E68, #04161D)
• Pewter Bloom color palette (#E2FAFF, #A5C9E4, #909ABA, #597E66, #3E5447)
• Dusty Cerulean Ridge color palette (#D6E8F2, #009EC8, #394E6C, #1F303B, #121A1C)
• Cobalt Villa color palette (#FFF1F7, #3CC8C5, #3B89D8, #8A552A, #29414C)
• Lapis Lagoon color palette (#DEE0E8, #C3C2D1, #AB9EBB, #5950AE, #1B1F2A)

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