Lagoon Studio color palette — #FAF3F5 · #DBDEEC · #A1AFDE · #339798 · #4E506A

Cerulean and Mauve set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Silver (#DBDEEC): bright and airy, almost weightless.
• Mauve (#A1AFDE): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#339798): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#4E506A): A full-bodied, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Aged Powder color palette (#FBF4ED, #C4E2F5, #BACAFC, #609E9E, #5B474F)
• Patina Ash color palette (#F8F5EF, #CAE6E9, #7E9BC5, #427786, #614A5B)
• Worn Moss Drift color palette (#EBF8F5, #9CD1C5, #BAA5DE, #719B4E, #484A69)
• Spruce Archive color palette (#EDE2EE, #58A0A1, #00627C, #003F15, #00091A)
• Cobalt Thicket color palette (#EFE5E9, #95B6D1, #5370BE, #005956, #241145)
• Softworn Cobalt Parlor color palette (#F6EBF2, #96CFDE, #2A8DD2, #006F53, #1F275E)
• Wandering Azure color palette (#FCF1FA, #A8E8EF, #00A8E6, #008753, #243E6F)
• Taupe Workshop color palette (#E6FBF3, #CEE2F0, #BAC6E5, #C1A57D, #3C5555)

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