Lagoon Quarry color palette — #F9F3F7 · #D8DFEF · #96B4D5 · #489783 · #48526B

Built around Fern, softened by Ash — the whole palette hums with calm and sophistication.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D8DFEF): A whisper-light, dusty violet — the color of wild irises.
• Ash (#96B4D5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#489783): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#48526B): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: 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

• Dusty Villa color palette (#FCF3EE, #C2E1EC, #BAC0EF, #869976, #5B4654)
• Hushed Azure color palette (#F8F5EF, #CAE5E3, #64A1C6, #387B7B, #5C4C5E)
• Patina Emerald Atelier color palette (#E7FAF8, #A4D1B0, #DF9AB0, #529F6C, #6A3E4D)
• Iris Field color palette (#FFF1F6, #BAE0FF, #7F95EC, #008283, #4A2F70)
• Patina Lagoon color palette (#DBFFEF, #BCD6A7, #65B389, #008873, #2A5362)
• Dusty Ultramarine Garden color palette (#EBD9E1, #83A6C3, #3A5ACA, #004A48, #1A003B)
• Bronze Alley color palette (#EDF9F0, #B5D2C8, #A89B70, #956A49, #344D4B)
• Tempered Driftwood color palette (#E3FAFE, #73C2B5, #CA8FB5, #BE717C, #2C484C)

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