Lagoon Harbor color palette — #F4F7E7 · #549160 · #9B5B68 · #793E4B · #32342D
A conversation between Fern and Pewter, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F4F7E7): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#549160): A luminous, balanced green — the color of a quiet forest floor.
- Pewter (#9B5B68): A full-bodied, balanced red — the color of embers at dusk.
- Coffee (#793E4B): A full-bodied, balanced red — the color of embers at dusk.
- Espresso (#32342D): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged muted.
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
- Lagoon Villa color palette (#F2F8E9, #409468, #966531, #764607, #32342D)
- Olive Corridor color palette (#FBF6DF, #7F892E, #7C629E, #5E447D, #34332C)
- Cerulean Studio color palette (#EDF9F0, #009AAC, #904D48, #742F27, #572A04)
- Garnet Workshop color palette (#E2F7F8, #399A79, #8F5F9F, #8B2C35, #001F21)
- Worn Cerulean color palette (#EBF9F2, #5B99B6, #9B7085, #7B5066, #2B4339)
- Rust Villa color palette (#F0F9E6, #63B093, #AA79BD, #AC4A53, #31342E)
- Chestnut Harbor color palette (#E2F5E0, #00827C, #974709, #005238, #172D15)
- Washed Alley color palette (#FFF2EA, #41AC99, #4A6B97, #723E22, #294431)
Browse the whole catalog at Explore, or see today's palette.