Lagoon Pier color palette — #FBF3EE · #CBE9E8 · #90BCAF · #57938C · #62495E

Storm Blue takes the lead with Sage close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Frost (#CBE9E8): A whisper-light, dusty teal — the color of sea glass.
• Sage (#90BCAF): A luminous, dusty teal — the color of sea glass.
• Storm Blue (#57938C): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#62495E): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

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

• Powder Courtyard color palette (#FBF3F0, #C1E2E9, #80BBD3, #5F937F, #2E534A)
• Muted Teal color palette (#FFF1F1, #D79DBC, #6FB691, #609F9C, #533B3B)
• Aged Villa color palette (#EEE3DC, #92BDA4, #0E7CB5, #005A50, #021B4B)
• Tempered Cypress Garden color palette (#FCF3EF, #B9E0C2, #4CA1C4, #007F63, #1D3C5C)
• Muted Periwinkle Quarry color palette (#FDF3EA, #BBE0FF, #7598EC, #00808E, #3E366E)
• Linen Ultramarine color palette (#F6EAE0, #6EA9D1, #2660C3, #00494E, #120043)
• Wandering Bronze Delta color palette (#FEF3EA, #DDC7AB, #B2957F, #A26144, #5B4400)
• Timeworn Fern Studio color palette (#FFF1F1, #E9B1CD, #82C1A7, #B47697, #3E5615)

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