Lagoon Quarry color palette — #D3E0EB · #5F9C71 · #003A58 · #001828 · #030412

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

The five colors

• Silver (#D3E0EB): A whisper-light, dusty blue — the color of deep harbor water.
• Fern (#5F9C71): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#003A58): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001828): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#030412): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Worn Navy Balcony color palette (#E5F0FC, #6DAB88, #02437B, #002243, #0F0F20)
• Inked Navy color palette (#DEE7F7, #218F6B, #05196A, #000030, #00020C)
• Hushed Grove color palette (#E1ECF8, #C47846, #003B66, #001326, #000205)
• Worn Atelier color palette (#C7E6D9, #71D278, #0A83B1, #014F6D, #000F09)
• Hushed Station color palette (#D1E3DE, #DF8E5C, #005895, #002A4C, #000F0B)
• Pale Aubergine color palette (#D9DDF0, #C86F6C, #3E226A, #1D033C, #08081E)
• Washed Delta color palette (#C1E5EE, #00716D, #704A00, #3B3A00, #00201F)
• Tempered Navy color palette (#F1F5FF, #D29FA5, #474C7E, #252758, #1B2131)

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