Lagoon Harbor color palette — #EFF2CB · #85CBB0 · #3C978E · #086978 · #0E3B30
Built around Fern, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Custard (#EFF2CB): A whisper-light, dusty green — the color of fresh herbs.
- Mint Leaf (#85CBB0): A luminous, balanced teal — the color of glacier melt.
- Fern (#3C978E): A luminous, balanced teal — the color of sea glass.
- Peacock (#086978): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#0E3B30): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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
- Dusty Lagoon color palette (#EFFADD, #81C0AF, #289994, #00737A, #365642)
- Hushed Grove color palette (#EDF8CF, #7AC2B2, #2E90A0, #165E7D, #432C45)
- Tempered Cypress Bloom color palette (#EBF5E8, #71C5BA, #C88A80, #268278, #362F2C)
- Emerald Harbor color palette (#FFEFCF, #BAC38A, #6D975F, #21674C, #2A4026)
- Hushed Harbor color palette (#DEFAE8, #94D3DB, #4A96A7, #00535F, #00272B)
- Worn Chapel color palette (#D4EBE3, #009D9C, #00687C, #003360, #0E0D42)
- Weathered Driftwood color palette (#E9F6E8, #BDE7E8, #F4D1E2, #8F946F, #324238)
- Weathered Teal color palette (#E6F8E6, #41AFB1, #BA7B70, #9D6960, #1B2C1C)
Browse the whole catalog at Explore, or see today's palette.