Lagoon Pier color palette — #FAF4EF · #CDE6E7 · #9AB3D8 · #1B989F · #64495A
A conversation between Cerulean and Mauve, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FAF4EF): a clean, paper-quiet neutral.
- Silver (#CDE6E7): A whisper-light, dusty teal — the color of sea glass.
- Mauve (#9AB3D8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#1B989F): A luminous, balanced blue — the color of open sky before noon.
- Charcoal Brown (#64495A): A full-bodied, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Sophistication. 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
- Washed Powder color palette (#FBF2F6, #D8D4DF, #BFBFE9, #6C9AA9, #454D61)
- Lagoon Boulevard color palette (#FAF4F0, #CEE6DF, #7CBDCE, #4F9870, #2B5446)
- Weathered Cerulean Lantern color palette (#FFF2EE, #E09BA4, #55B9A4, #359AC1, #563A33)
- Weathered Azure Pier color palette (#FBF3EF, #BBDECA, #549DD1, #007D71, #283A5D)
- Ancient Cobalt Pier color palette (#F6E8DE, #84BAD5, #1D75CC, #005959, #131254)
- Worn Boulevard color palette (#FFF2EF, #E1DACF, #9EBED0, #B691B1, #7A3C21)
- Patina Basin color palette (#F0DFD6, #61B1B0, #007387, #004D2D, #001624)
- Worn Studio color palette (#EEE5DC, #7197B9, #314BB7, #003A42, #0B0026)
Browse the whole catalog at Explore, or see today's palette.