Lagoon Lagoon color palette — #C6F7EF · #8CC6A4 · #3E978E · #1F6C79 · #464C68
A conversation between Fern and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#C6F7EF): A whisper-light, dusty teal — the color of sea glass.
- Mint Leaf (#8CC6A4): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#3E978E): A luminous, balanced teal — the color of sea glass.
- Teal (#1F6C79): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal Brown (#464C68): A full-bodied, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged 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
- Lagoon Courtyard color palette (#D5FFFE, #98D9C5, #4EB3A7, #008D8E, #2B5465)
- Worn Lagoon Summit color palette (#E5F1D0, #8CC7B6, #13968E, #006B71, #1E442D)
- Tempered Workshop color palette (#D5F8FF, #7DC5D5, #4793B6, #4E6794, #564B67)
- Aged Field color palette (#E8F9FE, #69C0C6, #C78192, #0F8288, #58455E)
- Emerald Terrace color palette (#DDFFE8, #B2B578, #6C9B65, #317257, #275761)
- Hushed Lagoon Market color palette (#E6F9FF, #D9DCE7, #BEA9AB, #61978F, #3F525A)
- Lagoon Basin color palette (#D5F5EB, #00A2A5, #006C80, #004066, #2E1D51)
- Teal Garden color palette (#E3FAFF, #3FACA0, #BA7562, #99685B, #2F474C)
Browse the whole catalog at Explore, or see today's palette.