Lagoon Pier color palette — #F7F7DF · #9BC8A3 · #008B69 · #015D61 · #161B00
Fern and Peacock set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F7F7DF): A whisper-light, dusty green — the color of fresh herbs.
- Mint Leaf (#9BC8A3): A luminous, dusty green — the color of new leaves after rain.
- Fern (#008B69): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#015D61): A full-bodied, dusty teal — the color of glacier melt.
- Ink (#161B00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Dusty Olive color palette (#FFF3E2, #C3BD88, #6E8025, #305C3D, #201700)
- Powdered Market color palette (#FCF6D9, #A0D582, #00974F, #2F598E, #0E2500)
- Worn Lagoon color palette (#F5F6EA, #A9DEC2, #369D8B, #316D78, #232C11)
- Tempered Forest color palette (#E0F2E7, #789969, #00644E, #023E56, #001713)
- Worn Alley color palette (#FFF3E2, #ADA461, #586800, #004354, #090800)
- Ancient Lagoon color palette (#E2E3D5, #4A8A65, #00473A, #14153E, #000201)
- Worn Taupe Lantern color palette (#FBF4E7, #C7EBC6, #8DA875, #568170, #3A3831)
- Tempered Lantern color palette (#FAF4EC, #BAF0FF, #3E9DC9, #006A68, #00203A)
Browse the whole catalog at Explore, or see today's palette.