Misty Pier color palette — #B0FAEF · #40E4E1 · #0EB9CF · #3A90A7 · #285243

Lagoon takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Sea Foam (#B0FAEF): A whisper-light, dusty teal — the color of shallow lagoons.
• Lagoon (#40E4E1): A whisper-light, balanced teal — the color of shallow lagoons.
• Cyan (#0EB9CF): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#3A90A7): A luminous, balanced blue — the color of deep harbor water.
• Deep Olive (#285243): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Misty 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

• Worn Grove color palette (#C3F5D0, #62EAB6, #2CC7AB, #469D95, #32523A)
• Ancient Aqua color palette (#B6F9FE, #43DCFA, #2BB8E3, #4A89B5, #59405B)
• Worn Turquoise Hollow color palette (#D9FFF2, #82EDE9, #1FB1C7, #00799C, #203F59)
• Glacier Cabin color palette (#E4FCEC, #57E0FE, #FFA18C, #4DADC3, #48413D)
• Seafoam Canyon color palette (#C1F5D8, #00DCC9, #00A2BB, #2D7096, #5C415A)
• Dusty Cerulean color palette (#D4EDED, #009DA8, #00748A, #005673, #001427)
• Misty Aqua Basin color palette (#CBE6E9, #00C7EE, #009FD4, #0070AB, #002F6E)
• Aged Powder color palette (#E1FDED, #DED9E3, #8EC2DA, #A7B0A1, #3A4E47)

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