Lagoon Pier color palette — #E3E2CE · #99AE79 · #5F8D5D · #305F70 · #143B50
Fern and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#E3E2CE): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#99AE79): A luminous, dusty green — the color of fresh herbs.
- Fern (#5F8D5D): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#305F70): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Teal (#143B50): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Lagoon Pier 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
- Hushed Field color palette (#D9E8D2, #61AB73, #278166, #08506D, #0E2B4A)
- Stone Delta color palette (#C6F7E6, #9ABF88, #689A7C, #446E83, #344D62)
- Muted Station color palette (#CFECE5, #73B970, #28864E, #615528, #00312C)
- Teal Studio color palette (#DBEEE5, #31C5B1, #00999F, #44609E, #3A3962)
- Washed Cobalt color palette (#EBE1D2, #B2BB8A, #78A688, #6575AB, #3D2B51)
- Hushed Workshop color palette (#E3F3EF, #6FD8D6, #0099A1, #006D5F, #00353C)
- Worn Bloom color palette (#D5ECE7, #058E93, #1F6174, #242E4E, #18072B)
- Washed Grove color palette (#E2FAFF, #BCDFEB, #94AFBD, #80899F, #4D4F63)
Browse the whole catalog at Explore, or see today's palette.