Teal Loft color palette — #C3EFD3 · #51BEB2 · #00899B · #005374 · #1B2A4A

A conversation between Turquoise and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#C3EFD3): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#51BEB2): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#00899B): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005374): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#1B2A4A): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Quiet Cobalt color palette (#B5EBFB, #4EB3C9, #2C85C1, #2D477F, #302A4C)
• Hushed Petrol color palette (#E5F4FF, #78C3E4, #237DA7, #004764, #001A29)
• Antique Harbor color palette (#EBEEDF, #8CB575, #26875B, #005654, #00353F)
• Navy Corridor color palette (#D7F5F0, #009FB7, #006E92, #003477, #15004B)
• Feathered Amber color palette (#E2F5FF, #4AB3CD, #C4765B, #007186, #441808)
• Dusty Lagoon Meadow color palette (#E3F5FF, #D9D8E6, #D3B6E3, #4F917B, #1F3342)
• Tempered Bronze color palette (#E9F6E9, #93B5A2, #906E40, #604056, #0D2823)
• Powdered Cerulean Delta color palette (#E2F5FF, #009EBA, #B26B37, #935C34, #002230)

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