Navy Loft color palette — #D4E7D7 · #006F83 · #003067 · #210001 · #000103

A conversation between Navy and Teal, giving this palette its sense of trust and stability.

The five colors

• Celadon Mist (#D4E7D7): A whisper-light, dusty teal — the color of glacier melt.
• Teal (#006F83): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003067): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#210001): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged retro, dark, muted.

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

• Shadow Onyx Atelier color palette (#EADCC6, #005363, #00224D, #230001, #000408)
• Cellar Studio color palette (#D6E6D9, #007558, #003940, #1D0016, #000201)
• Twilit Aubergine Pier color palette (#DFECE2, #0066AC, #350C7F, #180800, #000009)
• Patina Denim Terrace color palette (#DDECE0, #6CAEB8, #005E76, #002C27, #000103)
• Washed Chapel color palette (#DDECF3, #5B7A9F, #4B4686, #411300, #020100)
• Antique Abyss Loft color palette (#CDEBE1, #61855B, #00482C, #00211F, #000200)
• Chalky Ultramarine color palette (#FDDCE7, #008D83, #0043DB, #543100, #000406)
• Weathered Indigo Corridor color palette (#E1FEE7, #43ACE9, #5A5FBA, #682A00, #00122A)

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