Lagoon Quarry color palette — #E6F6F2 · #98BF9F · #3E846C · #6C4958 · #0E2D2B

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E6F6F2): bright and airy, almost weightless.
• Sage (#98BF9F): A luminous, dusty teal — the color of glacier melt.
• Fern (#3E846C): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#6C4958): A full-bodied, dusty rose — the color of strawberry cream.
• Deep Forest (#0E2D2B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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 Coast color palette (#E4F6F4, #86C2AA, #00877D, #405E43, #152C2D)
• Patina Dune color palette (#D8FAF6, #58A064, #5677DF, #A44C43, #002422)
• Pine Bloom color palette (#CCFDFC, #8ED2AB, #008E52, #004C28, #00190B)
• Worn Coast color palette (#DDF9F6, #C1E0F4, #70D5DB, #748751, #173132)
• Patina Olive color palette (#C4EFDB, #9EB35F, #408A01, #28632D, #003738)
• Worn Teal color palette (#ECF9F4, #B0EEE7, #37B3AD, #7E6E8F, #243E3D)
• Patina Bronze Delta color palette (#F6F6EA, #A5D1AD, #619E87, #986530, #3F4800)
• Tempered Pine color palette (#DEF9F4, #7BB572, #B674C7, #237314, #351B3C)

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