Lagoon Quarry color palette — #F1F7F2 · #D1E1F2 · #84BCC8 · #3C9981 · #3C5667

Fern and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Frost (#D1E1F2): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#84BCC8): A luminous, dusty blue — the color of deep harbor water.
• Fern (#3C9981): A luminous, balanced teal — the color of glacier melt.
• Peacock (#3C5667): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, 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

• Tempered Powder color palette (#F9F4EC, #C0E0E6, #9CC7EB, #879979, #3D5349)
• Turquoise Market color palette (#F8F3F8, #D2E2F2, #51A5C6, #4D7B57, #465465)
• Petrol Lantern color palette (#E4F0E6, #75C1BE, #008492, #005C44, #00242F)
• Hushed Delta color palette (#E7FAF7, #AECFAA, #C9A0D5, #5E9F58, #4D4868)
• Worn Denim color palette (#E3F0E5, #649DA6, #00627C, #003C36, #000A15)
• Timeworn Cobalt color palette (#E8F2E9, #A9C9E0, #478CC5, #006A74, #0F2B5D)
• Weathered Orchard color palette (#E2FBF9, #8CC094, #8DA2DE, #C9796E, #264A47)
• Pine Lagoon color palette (#D8FEFE, #BAE6C8, #72B186, #2F774D, #173F28)

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