Lagoon Quarry color palette — #FAF4F0 · #CCE8E6 · #89BEB0 · #4B9780 · #63495B
Built around Fern, softened by Mint Leaf — the whole palette hums with sophistication and softness.
The five colors
- Ivory (#FAF4F0): bright and airy, almost weightless.
- Silver (#CCE8E6): A whisper-light, dusty teal — the color of shallow lagoons.
- Mint Leaf (#89BEB0): A luminous, dusty teal — the color of glacier melt.
- Fern (#4B9780): A luminous, balanced teal — the color of sea glass.
- Charcoal Brown (#63495B): A full-bodied, dusty pink — the color of a candy shop window.
Feels like: Sophistication, Softness, Clarity. 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
- Lagoon Loft color palette (#FBF3F1, #C2E1E5, #7BBCD2, #619562, #33514A)
- Hushed Cerulean Study color palette (#EEF8F0, #8CD1DE, #E0A176, #009EB1, #524C47)
- Weathered Atelier color palette (#F1F7F2, #D5DFF1, #66A2C2, #2E7C7A, #445465)
- Powdered Grove color palette (#EFFBDA, #8ED1C6, #48B2C9, #2E7BAD, #684A66)
- Dusty Studio color palette (#EFE6E0, #709E8A, #0952B2, #003C35, #0A0028)
- Pine Terrace color palette (#FBF3F0, #BDDFC2, #4AA0CA, #00814B, #243A60)
- Weathered Iris color palette (#FDF3EA, #B8E1FF, #7796F3, #008380, #472F73)
- Hushed Amber color palette (#FEF0FF, #8CB5E2, #D88E88, #BF7845, #4B3D4D)
Browse the whole catalog at Explore, or see today's palette.