Lagoon Lagoon color palette — #F1F9E4 · #7ECDB2 · #118979 · #225774 · #0F1D01

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

The five colors

• Cream (#F1F9E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#7ECDB2): A luminous, balanced teal — the color of sea glass.
• Fern (#118979): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#225774): A full-bodied, dusty blue — the color of deep harbor water.
• Ink (#0F1D01): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged botanical, earthy, muted, cool.

Use it as a design system

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

• Patina Lagoon color palette (#FBF5DF, #B3C38F, #608341, #155D58, #1D1900)
• Wandering Olive Market color palette (#FCF5E4, #BDBF89, #6F7E3A, #773D41, #1F1800)
• Worn Lagoon color palette (#DFE3CE, #338E60, #004734, #291600, #000201)
• Tempered Basalt Orchard color palette (#E1F6EE, #689C73, #006453, #4F2652, #001615)
• Softworn Abyss color palette (#D5E9E9, #579B87, #006358, #004263, #003033)
• Azure Cabin color palette (#F3F7EC, #B3ECF1, #4297E0, #006682, #001D42)
• Timeworn Teal Basin color palette (#E8E5D4, #9CC6A1, #00A98C, #925F99, #063213)
• Teal Boulevard color palette (#F1F9E2, #8FEFCC, #14A992, #866423, #2C3029)

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