Lagoon Harbor color palette — #F8F8D8 · #AEEEDD · #6BC09E · #0A9080 · #3B5741
A conversation between Fern and Mint Leaf, giving this palette its sense of calm and balance.
The five colors
- Custard (#F8F8D8): A whisper-light, dusty green — the color of fresh herbs.
- Sea Foam (#AEEEDD): A whisper-light, dusty teal — the color of shallow lagoons.
- Mint Leaf (#6BC09E): A luminous, balanced teal — the color of sea glass.
- Fern (#0A9080): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal Brown (#3B5741): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Calm, Balance. Tagged light, muted, cool.
Use it as a design system
One click turns Lagoon Harbor 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
- Ancient Mint color palette (#EEF8CE, #77D0A0, #4B9D7D, #2A6453, #313E29)
- Weathered Workshop color palette (#BDFFD8, #00C4AE, #008488, #005466, #002333)
- Cerulean Market color palette (#ECFBE0, #C2EFFF, #56C0D4, #3189B2, #2A564C)
- Jade Delta color palette (#F1F8EB, #AFEEF2, #FEB2CD, #11B48D, #5F3B38)
- Seafoam Atelier color palette (#D9FFEF, #54DBD5, #00A0B7, #00637E, #003352)
- Weathered Teal color palette (#C6EBE2, #00ABAD, #006E85, #003C56, #000D2B)
- Weathered Stone color palette (#EFF9EA, #C6E7E2, #D4C5B8, #ADCD99, #485746)
- Basalt Lagoon color palette (#F9F5EB, #D4E1CB, #BEAD84, #957347, #3F4300)
Browse the whole catalog at Explore, or see today's palette.