Lagoon Lagoon color palette — #DDF3D5 · #009781 · #006C7E · #004173 · #030015
A conversation between Fern and Navy, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#DDF3D5): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#009781): A luminous, balanced teal — the color of shallow lagoons.
- Peacock (#006C7E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004173): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#030015): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged 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
- Softworn Lagoon color palette (#CEF5EA, #00848A, #005363, #002537, #00030F)
- Gentle Emerald Studio color palette (#EDEFD4, #309A42, #007262, #003F49, #000415)
- Nightshade Coast color palette (#CFE5DA, #00918D, #006A97, #1100B6, #080017)
- Tempered Terrace color palette (#FFE1F3, #008F6B, #005F94, #652100, #000405)
- Weathered Studio color palette (#E7F4DC, #418F89, #44689F, #594800, #001709)
- Hazy Aubergine Alley color palette (#C8F5F1, #008EBA, #005FC6, #4D008A, #070007)
- Aged Cypress Studio color palette (#DAE6E8, #97A1B2, #8486A7, #007462, #000C0E)
- Soft Aubergine color palette (#DDF0ED, #1A953C, #740096, #493100, #030100)
Browse the whole catalog at Explore, or see today's palette.