Navy Loft color palette — #E9F6D6 · #0081AF · #004183 · #310034 · #000103

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

The five colors

• Honeydew (#E9F6D6): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#0081AF): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004183): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#310034): A deep, shadowed, balanced pink — the color of peonies in June.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Creativity, Balance. Tagged retro.

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

• Muted Grove color palette (#E1F6DF, #00878A, #004B5C, #20004F, #000102)
• Misty Sapphire color palette (#F0DFDA, #0074DE, #322B9E, #370023, #000009)
• Velvet Onyx color palette (#DBEDE0, #00617D, #003258, #2B0034, #000D16)
• Smoked Cypress Hollow color palette (#D4E4D2, #007771, #004062, #1B1500, #000200)
• Velvet Navy color palette (#FFEBDC, #00616A, #00128B, #220E00, #000204)
• Deep Aubergine Chapel color palette (#FFD6D4, #4958B8, #3D037B, #200008, #010009)
• Petrol Corridor color palette (#EEEFE3, #7AC4D0, #007389, #003E3E, #000305)
• Muted Sapphire color palette (#F8EADC, #009BA4, #005CDF, #673C00, #000E14)

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