Lagoon Studio color palette — #F3F9DA · #77CAB8 · #009B9C · #176C8A · #604C62

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Custard (#F3F9DA): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#77CAB8): A luminous, balanced teal — the color of sea glass.
• Cerulean (#009B9C): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#176C8A): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#604C62): A full-bodied, dusty pink — the color of a candy shop window.

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

Use it as a design system

One click turns Lagoon Studio 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 Coral color palette (#ECFAEE, #70BFC5, #D27F6C, #00828B, #534B47)
• Antique Aqua Delta color palette (#C7FEFD, #93E4D4, #6FCDD3, #559BAF, #37556E)
• Cobalt Grove color palette (#E4FDE5, #71C3DE, #3E91D0, #596198, #634554)
• Hushed Cerulean color palette (#E1FDEF, #9AD9ED, #2393B3, #005A6C, #204131)
• Worn Emerald color palette (#FFF5D5, #A5BD81, #3B9762, #217669, #3D5742)
• Airy Corridor color palette (#CDF3F5, #00A9C7, #006FB8, #364297, #41365C)
• Driftwood Corridor color palette (#E9FAED, #EED7D4, #DEB89C, #779C7E, #44574C)
• Washed Courtyard color palette (#EDF9EB, #38ACA4, #BF753C, #976C41, #3A4737)

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