Lagoon Pier color palette — #F5F6EE · #BEE9DC · #70B1B7 · #3E897C · #2F503A

A conversation between Fern and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Honeydew (#BEE9DC): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#70B1B7): A luminous, dusty blue — the color of open sky before noon.
• Fern (#3E897C): A full-bodied, dusty teal — the color of glacier melt.
• Deep Olive (#2F503A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Softworn Aqua color palette (#EFF7F5, #D3E0ED, #42D1DC, #419285, #254451)
• Tempered Petrol color palette (#DFE0CD, #6AAFB6, #007384, #004A48, #00171F)
• Weathered Cerulean color palette (#F4F6EF, #BAE8EB, #81AACD, #41849C, #573D59)
• Dusty Pine Market color palette (#FBF3EF, #CDE4CC, #5395A6, #18744A, #224C66)
• Tempered Hollow color palette (#F2F9DC, #B4EFED, #9AD2DE, #7E9C71, #44540C)
• Washed Cerulean color palette (#EFF0E3, #8CD2D6, #1C97A6, #006D65, #00343F)
• Gentle Thicket color palette (#F3F9D8, #6EB977, #29AAC1, #A57F37, #373932)
• Aged Thicket color palette (#F1FBCE, #A5DDAE, #64A473, #306B3F, #073A18)

Browse the whole catalog at Explore, or see today's palette.