Navy Loft color palette — #CDE5DC · #00B8B5 · #0088A8 · #005B96 · #182B7A

Navy takes the lead with Turquoise close behind in a set that reads as trust and stability at first glance.

The five colors

• Silver (#CDE5DC): A whisper-light, dusty teal — the color of sea glass.
• Turquoise (#00B8B5): A luminous, balanced teal — the color of sea glass.
• Cerulean (#0088A8): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005B96): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#182B7A): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Navy 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

• Cerulean Cabin color palette (#C8EFEC, #009CAC, #006C81, #004C67, #28295E)
• Muted Turquoise Delta color palette (#BEE9EE, #00C3DD, #00A3C5, #00789A, #003B55)
• Ultramarine Study color palette (#CFF3F0, #00BADA, #0086B9, #0036D9, #2D2371)
• Timeworn Canyon color palette (#D2E9CD, #00C37C, #008F8A, #005D6D, #003753)
• Airy Aqua Lagoon color palette (#99FFE8, #00D4E4, #0095B7, #00547E, #001B57)
• Soft Garden color palette (#D0EBFF, #39BDFF, #0083D5, #004D82, #002030)
• Tempered Lapis color palette (#D1E4E5, #00BDF3, #0786EF, #5151D1, #482D6B)
• Linen Boulevard color palette (#E9F8FF, #C4D8FF, #F198F7, #008D76, #093E62)

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