Lagoon Pier color palette — #FAF4EE · #CADBE7 · #E4BFD8 · #5E9EA2 · #5F444E

Storm Blue and Oat set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Silver (#CADBE7): A whisper-light, dusty blue — the color of deep harbor water.
• Oat (#E4BFD8): A whisper-light, dusty pink — the color of a candy shop window.
• Storm Blue (#5E9EA2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cocoa (#5F444E): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, 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

• Patina Powder color palette (#FCF3F0, #C2E0E5, #ABC3E9, #8D976E, #594659)
• Weathered Loft color palette (#FBF3F5, #DBDDED, #8E96C5, #2F7B80, #4F5066)
• Sky Balcony color palette (#FFF2EC, #D4D9EC, #4EB9FB, #008C62, #24325D)
• Dusty Denim Dune color palette (#F7EAE5, #70AFB0, #005D79, #002E10, #000105)
• Antique Stone color palette (#FFF3E4, #D6F0B8, #ACC381, #5C8E64, #405137)
• Hushed Bronze Pier color palette (#FFF3E8, #DFE1BE, #C4A891, #A9664C, #4B3F00)
• Mint Grove color palette (#F3FAD6, #BEEEE1, #8CBB8C, #4A7349, #2F312A)
• Wandering Loft color palette (#F3F8E2, #A7DBB1, #C9AEE1, #B293CD, #353D00)

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