Lagoon Pier color palette — #F9F6E1 · #7FC394 · #009D82 · #2E6797 · #3C3E37
A conversation between Fern and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9F6E1): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#7FC394): A luminous, balanced teal — the color of glacier melt.
- Fern (#009D82): A luminous, balanced teal — the color of sea glass.
- Peacock (#2E6797): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#3C3E37): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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
- Cerulean Loft color palette (#F5F6E9, #85CEC4, #4CA1AC, #666B92, #3F4C3E)
- Patina Teal color palette (#EFF9EA, #35BDA5, #008DB4, #4A5899, #323D13)
- Frosted Boulevard color palette (#FCF5E3, #BCB556, #6F952D, #007275, #3F3D36)
- Chalky Pier color palette (#E7E8BF, #00B196, #007F82, #282CC6, #00312C)
- Teal Corridor color palette (#FFF2EE, #C5D493, #32A4A4, #80526E, #31322C)
- Muted Turquoise Corridor color palette (#F6F6EC, #C3E4DA, #19BAC2, #0A8E7A, #344F3C)
- Frosted Seafoam color palette (#F3F7EA, #BDFAA7, #75E9A0, #1FBEA3, #40433D)
- Wandering Alley color palette (#F2FAD4, #00BDD3, #0088B8, #6F3BA4, #003C4A)
Browse the whole catalog at Explore, or see today's palette.