Teal Loft color palette — #D7E7E1 · #00C6C1 · #009BA8 · #006781 · #183B59

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

The five colors

• Parchment (#D7E7E1): bright and airy, almost weightless.
• Aqua (#00C6C1): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#009BA8): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006781): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#183B59): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: 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

• Timeworn Teal Lagoon color palette (#CEEEDC, #00AEA2, #007983, #005671, #1C3C68)
• Aqua Balcony color palette (#ACFCFB, #0DCCE5, #299CD0, #43769F, #334461)
• Lagoon Basin color palette (#C3EFE8, #00989B, #006F8A, #00425D, #001A3B)
• Worn Clover color palette (#D7E7D2, #19C674, #009378, #006E6B, #004552)
• Sky Harbor color palette (#E9F8FF, #2FC8F9, #008EB1, #005776, #002737)
• Turquoise Balcony color palette (#DBF3FF, #00BBDB, #D67667, #007F96, #56231C)
• Airy Cobalt color palette (#D3F3FF, #1EB8FB, #297EDB, #4E5A9F, #423762)
• Dusty Workshop color palette (#E9F8FF, #D7D8F4, #CAC0FC, #489284, #2D4351)

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