Lagoon Quarry color palette — #FAF4EE · #BFE8EE · #96A1D6 · #238A8F · #5E3C49

Built around Cerulean, softened by Mauve — the whole palette hums with creativity and calm.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Frost (#BFE8EE): A whisper-light, dusty blue — the color of deep harbor water.
• Mauve (#96A1D6): A luminous, dusty violet — the color of twilight just after sunset.
• Cerulean (#238A8F): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#5E3C49): A full-bodied, dusty rose — the color of pressed rose petals.

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

Use it as a design system

One click turns Lagoon Quarry 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 Bloom color palette (#FDF2F5, #D9D3DE, #A6B5FF, #1B9398, #3B3C58)
• Weathered Lagoon color palette (#FBF3F0, #C0EAE1, #6EAED1, #488A65, #364868)
• Pale Iris color palette (#FCF3EB, #B9E0FF, #7A95F2, #008282, #47326B)
• Feathered Cobalt Garden color palette (#FFF0FE, #8EB9FC, #D69554, #5380C7, #5B3A17)
• Periwinkle Courtyard color palette (#FFEFFF, #6CA7F3, #B79248, #7E8542, #443045)
• Azure Boulevard color palette (#AAEDF0, #63C3E4, #489BD2, #5764A5, #4D4167)
• Denim Field color palette (#F2E2D5, #5E9BB9, #2355A2, #003C35, #0A0028)
• Softworn Cobalt color palette (#F7E6DE, #6FBFD3, #117ABD, #005B45, #121451)

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