Lagoon Garden color palette — #E2F1F3 · #249683 · #2B3F46 · #0F2224 · #060E0E

Fern takes the lead with Charcoal close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#E2F1F3): bright and airy, almost weightless.
• Fern (#249683): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#2B3F46): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#0F2224): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#060E0E): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Lagoon Garden 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

• Shadow Cypress color palette (#DBF1F8, #007A7F, #002F3D, #001319, #000405)
• Teal Ridge color palette (#ECF5E8, #50AF9B, #4C5D4F, #323B2C, #20231B)
• Patina Meadow color palette (#E7F6F2, #A9CBC9, #5C8F7D, #4A6962, #1D3635)
• Softworn Terrace color palette (#E3F5FF, #5CA8BF, #AC7C9C, #827944, #122A36)
• Petrol Ridge color palette (#E8F4FA, #6FC2D3, #CA8A74, #008093, #45243B)
• Ultramarine Coast color palette (#DBE1EF, #182AF8, #201146, #010422, #000104)
• Lagoon Studio color palette (#DDF2F8, #009597, #2E3E47, #122125, #070E0F)
• Lagoon Delta color palette (#E1F1F1, #3F966C, #2A3F44, #142121, #080E0D)

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