Lagoon Lagoon color palette — #E1F4E1 · #ACA77A · #5C8A57 · #335783 · #2F364F
Fern and Peacock set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#E1F4E1): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#ACA77A): A luminous, dusty green — the color of new leaves after rain.
- Fern (#5C8A57): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#335783): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#2F364F): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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
- Hushed Lagoon color palette (#CBECDD, #8EB487, #4A957C, #555E7F, #4C2B4F)
- Weathered Driftwood Archive color palette (#F9D9CC, #BE9B70, #8D8630, #006278, #223859)
- Worn Stone Lagoon color palette (#FFF4D9, #BAC588, #6C8D60, #206B6E, #003745)
- Cypress Canyon color palette (#EAE1BF, #8A9D6A, #387A59, #45486E, #242240)
- Muted Hollow color palette (#E0FDEE, #A3D4CB, #6AA898, #737B9B, #514D62)
- Ancient Lagoon color palette (#D7EAE1, #93AF7D, #00893D, #764835, #083029)
- Tempered Harbor color palette (#DBF2E0, #238F7D, #005D6D, #4A1A43, #2D0210)
- Linen Lantern color palette (#E9F1EA, #95CCF2, #2786EC, #00697B, #202B50)
Browse the whole catalog at Explore, or see today's palette.