Teal Lagoon color palette — #FBF4EF · #C4E8E8 · #A2BFEA · #54A99B · #5E3B50

A conversation between Turquoise and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF4EF): bright and airy, almost weightless.
• Silver (#C4E8E8): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#A2BFEA): A luminous, dusty blue — the color of deep harbor water.
• Turquoise (#54A99B): A luminous, balanced teal — the color of sea glass.
• Cocoa (#5E3B50): A full-bodied, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Teal Lagoon 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

• Hazy Teal color palette (#FFF2EA, #C0ECFF, #80BAFF, #00A890, #39386C)
• Tempered Mint color palette (#FFF0F8, #BBB3FF, #93C573, #60AF8E, #4B2D3E)
• Powder Market color palette (#FFF0F8, #E7D6CF, #BAC0EF, #98BBC4, #65464E)
• Aged Garden color palette (#D6EEFF, #A6C9FF, #A2A0EE, #9972AD, #613E55)
• Worn Azure color palette (#F7EFF3, #C2E1F6, #5F8FD2, #006E61, #242A44)
• Wandering Cobalt color palette (#EDDED6, #70ABB7, #007CB7, #006043, #02002E)
• Emerald Loft color palette (#FFF2EE, #79F0EB, #00BDE5, #189F28, #00355D)
• Washed Parlor color palette (#F1E0D0, #84B7DC, #607BDB, #006D6C, #1B0237)

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