Lagoon Harbor color palette — #D2E9D4 · #009C6E · #00786B · #193D00 · #000301
Built around Fern, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#D2E9D4): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#009C6E): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#00786B): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#193D00): A deep, shadowed, balanced green — the color of new leaves after rain.
- Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged pastel, light.
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
- Wandering Lagoon Corridor color palette (#DCEEEA, #129D9D, #00798C, #003B2C, #000300)
- Antique Archive color palette (#E9EDDD, #6C9537, #28753C, #312E00, #030200)
- Timeworn Basin color palette (#E5F2DD, #58D8B5, #0097AE, #544900, #010100)
- Moonless Basin color palette (#DDE9DE, #00656A, #232D4F, #002426, #000201)
- Tempered Turquoise color palette (#D6F0EF, #00C3D4, #0095BA, #00584C, #001706)
- Seafoam Basin color palette (#DFF3CF, #51E7D8, #40B1BD, #2F6E4F, #0F2305)
- Tempered Azure color palette (#D4EDDD, #00ABDF, #2979BD, #00464D, #00060B)
- Fern Station color palette (#D9E2CC, #5B5C00, #2D343B, #00190E, #000201)
Browse the whole catalog at Explore, or see today's palette.