Lagoon Quarry color palette — #F2F7F0 · #D3DDDC · #CBBCC0 · #2F847A · #444A42

Teal and Stone set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F2F7F0): bright and airy, almost weightless.
• Silver (#D3DDDC): a clean, paper-quiet neutral.
• Stone (#CBBCC0): soft and architectural.
• Teal (#2F847A): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#444A42): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Timeworn Petrol Garden color palette (#EDF8F4, #E9D9DB, #D3B2BA, #0072A6, #2E453D)
• Patina Olive Garden color palette (#F5F6EE, #D3DFD9, #B5C4C1, #787930, #4B4B00)
• Aged Hollow color palette (#DAE9E0, #007F96, #3D2C3B, #15231A, #070F0B)
• Teal Grove color palette (#EFF7F8, #D7DCE6, #BCB1C0, #66BEB1, #3F4A4C)
• Abyss Meadow color palette (#DAE5DA, #9AAFA6, #8F7689, #004041, #0B170B)
• Washed Chestnut color palette (#E9F7D6, #A5C3B0, #99788B, #875E1E, #575100)
• Antique Alley color palette (#F2ECF3, #D7C7CF, #B19A9D, #1F578C, #362838)
• Tempered Cocoa Courtyard color palette (#FFF2E9, #58AA8E, #366F9C, #763C17, #2E4330)

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