Lagoon Harbor color palette — #D7E7E0 · #009C84 · #00635A · #003C3B · #001D1E
Fern and Pine set the tone — five colors that lean into calm and sophistication.
The five colors
- Parchment (#D7E7E0): a clean, paper-quiet neutral.
- Fern (#009C84): A luminous, balanced teal — the color of sea glass.
- Pine (#00635A): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Teal (#003C3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001D1E): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Calm, Sophistication. Tagged 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
- Teal Archive color palette (#D6F0EA, #13A99F, #007B7B, #004A4F, #00292E)
- Emerald Study color palette (#D3E8C9, #439642, #006732, #004225, #001E13)
- Aged Turquoise color palette (#D2EEEF, #15ACBA, #006970, #003032, #000708)
- Aged Cerulean Orchard color palette (#D9EAEE, #008FB1, #005B7A, #003C5A, #001425)
- Tempered Amethyst Cabin color palette (#D1E9F0, #009291, #6D4FCC, #005151, #15003B)
- Denim Study color palette (#C5E9EE, #007D6C, #00639D, #4D5100, #000E0B)
- Denim Hollow color palette (#D8EEFF, #99C5E5, #4C85BC, #2E5C95, #22354E)
- Tempered Iris color palette (#DDEFE6, #907DFF, #0092C5, #00141F, #000408)
Browse the whole catalog at Explore, or see today's palette.