Lagoon Quarry color palette — #FFF1D5 · #99AF81 · #228C67 · #005F5F · #004564

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

The five colors

• Custard (#FFF1D5): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#99AF81): A luminous, dusty green — the color of fresh herbs.
• Fern (#228C67): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#005F5F): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#004564): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged muted, cool.

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

• Frosted Grove color palette (#DEF5CA, #84C194, #00936D, #00574F, #002C31)
• Olive Workshop color palette (#FFEBDD, #C5B17C, #638437, #005E40, #00454C)
• Patina Atelier color palette (#E9F4C5, #8DC29C, #008E8D, #005B75, #21348B)
• Antique Quarry color palette (#FBF1FF, #959F56, #007A77, #7E2B4E, #1E4541)
• Aged Dune color palette (#FFF2C8, #ACE38D, #53C59D, #2897A6, #004463)
• Olive Bloom color palette (#EFF7F5, #D4DCE0, #B7C0CC, #5A823A, #3C4C48)
• Airy Emerald Grove color palette (#ECF0D7, #18AB50, #00726C, #00414D, #002A5E)
• Weathered Navy color palette (#D6F3DF, #1CA29C, #00677F, #00229B, #35005F)

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