Lagoon Harbor color palette — #F0F9E2 · #3C946D · #696B9D · #4B4B87 · #31342D
A conversation between Fern and Peacock, giving this palette its sense of creativity and sophistication.
The five colors
- Cream (#F0F9E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#3C946D): A luminous, balanced teal — the color of sea glass.
- Slate (#696B9D): A full-bodied, dusty violet — the color of wild irises.
- Peacock (#4B4B87): A full-bodied, balanced violet — the color of a velvet chair.
- Espresso (#31342D): quiet, heavy and certain.
Feels like: Creativity, 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
- Ancient Thicket color palette (#F3F8E1, #409657, #915B89, #6D4167, #32342D)
- Dusty Corridor color palette (#FEF4E0, #977F0C, #6E699D, #504B7E, #36322C)
- Chalky Field color palette (#E5F6F2, #6E9353, #726AAE, #7D3068, #00201B)
- Garnet Ridge color palette (#EFF8EE, #00867E, #006375, #6D2740, #292E13)
- Ancient Petrol color palette (#FFF2EE, #6FA875, #007592, #753842, #334229)
- Timeworn Pine color palette (#F4F6EF, #D2DFDB, #B4C4C4, #49835E, #46493F)
- Tempered Plum Study color palette (#F6F7E5, #89AB71, #8886CC, #9F4A8C, #33332C)
- Washed Corridor color palette (#F7F6EA, #A5B86F, #0E78A5, #566900, #142921)
Browse the whole catalog at Explore, or see today's palette.