Lagoon Lagoon color palette — #F7F6E9 · #8DC2A9 · #0A9296 · #5A6A3F · #2A3C00

Cerulean and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Mint Leaf (#8DC2A9): A luminous, dusty teal — the color of sea glass.
• Cerulean (#0A9296): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive (#5A6A3F): A full-bodied, dusty green — the color of fresh herbs.
• Forest (#2A3C00): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Lagoon Grove color palette (#FDF4E3, #A3BF8D, #279570, #716231, #36362F)
• Ancient Lagoon Hollow color palette (#EAF9F5, #A8DEC4, #299D96, #406D65, #062E2F)
• Aged Boulevard color palette (#FDF3EA, #CCC792, #759C66, #5E7A60, #534000)
• Pale Lime Garden color palette (#F7E9D4, #95BB3D, #008E59, #00657B, #263306)
• Timeworn Dune color palette (#CEEEDB, #00A6C7, #C07600, #827000, #163223)
• Softworn Canyon color palette (#DDF6E6, #0BBBDB, #DB7724, #007F96, #4F2B10)
• Weathered Azure Cabin color palette (#FBF3EF, #A6DFF1, #3C9BEC, #007F65, #4D2F44)
• Dusty Mallow color palette (#E0FEEA, #E4E0F7, #E5A7F5, #379C7F, #28493E)

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