Lagoon Studio color palette — #FBF3F0 · #C7E4DC · #5EB2CA · #288F63 · #265144

Built around Fern, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Silver (#C7E4DC): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#5EB2CA): A luminous, balanced blue — the color of open sky before noon.
• Fern (#288F63): A full-bodied, balanced teal — the color of sea glass.
• Forest (#265144): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Lagoon Courtyard color palette (#FAF4F0, #C6E4E1, #71ADD1, #188E7A, #583D58)
• Timeworn Aqua Boulevard color palette (#F6F6EA, #BBECDF, #7ACDD5, #5DA89B, #344F3D)
• Denim Quarry color palette (#EAE2DB, #6C9E8E, #2D53A3, #003B40, #090029)
• Quiet Cabin color palette (#FFF0FD, #86A4E2, #C38D27, #728D30, #462F44)
• Dusty Atelier color palette (#E8DDD8, #86AD90, #007094, #004C3B, #00142B)
• Cerulean Summit color palette (#F8EBE5, #95D0D5, #0094BA, #006F50, #003051)
• Tempered Meadow color palette (#FFF0FD, #E8D7D7, #F5B8BD, #4BA4CA, #5F4755)
• Sapphire Cabin color palette (#B7EFFD, #7DC5EA, #5996E2, #4A67BC, #413D6A)

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