Lagoon Quarry color palette — #F1F8EC · #8ED5C1 · #DA9BB9 · #489E89 · #644342

Fern takes the lead with Mauve close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F1F8EC): bright and airy, almost weightless.
• Lagoon (#8ED5C1): A whisper-light, dusty teal — the color of shallow lagoons.
• Mauve (#DA9BB9): A luminous, balanced rose — the color of a warm blush.
• Fern (#489E89): A luminous, balanced teal — the color of glacier melt.
• Cocoa (#644342): A full-bodied, dusty orange — the color of autumn markets.

Feels like: Sophistication. Tagged 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

• Tempered Workshop color palette (#F7F6E5, #B7CD9A, #BFA4D7, #7D965A, #64414D)
• Weathered Villa color palette (#EAFAF1, #8BD0E9, #DFA089, #4099B6, #534B47)
• Muted Cypress color palette (#F0F8EC, #7BBFAF, #C77F9E, #008671, #6A403D)
• Mallow Balcony color palette (#EAF8FA, #90E9D1, #FCABCA, #67BBA5, #56465F)
• Teal Workshop color palette (#EBFBE5, #64C5B6, #AE98D1, #B18966, #3B4636)
• Blush Grove color palette (#DFFFE1, #00C6CA, #F1677F, #00898B, #69172A)
• Tempered Sand color palette (#EFF7F2, #E5CEA1, #608870, #3C5346, #242E28)
• Hushed Bronze color palette (#FAF5E6, #D1CCAB, #A79B7A, #926D2B, #4D4A00)

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