Weathered Lagoon Harbor color palette — #E9F1E4 · #82AC8A · #49856E · #3C5363 · #162A3F
Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#E9F1E4): a clean, paper-quiet neutral.
- Sage (#82AC8A): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#49856E): A full-bodied, dusty teal — the color of sea glass.
- Peacock (#3C5363): A full-bodied, dusty blue — the color of deep harbor water.
- Midnight (#162A3F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Weathered 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
- Misty Teal Ridge color palette (#D8EEE6, #00B1AE, #147987, #363E73, #251942)
- Cerulean Hollow color palette (#CFF6F6, #8EC4CA, #5B8C9A, #556272, #30384A)
- Timeworn Lagoon color palette (#D0E9D3, #25946F, #00665E, #013056, #041037)
- Fern Drift color palette (#E4F8EA, #A9A267, #666924, #2B5038, #062215)
- Denim Study color palette (#F1E7BC, #A3AB83, #6B7A62, #5A4F77, #5F3A3E)
- Weathered Teal Dune color palette (#DDFFE8, #C7E1B8, #68AAA3, #776A85, #413151)
- Emerald Grove color palette (#E0F0DC, #31AD55, #007B47, #004A32, #002A1E)
- Powdered Ridge color palette (#B9FCEB, #00C5A9, #007A68, #003E33, #00100C)
Browse the whole catalog at Explore, or see today's palette.