Navy Loft color palette — #D1F5F8 · #00658A · #003786 · #11004E · #080016
A conversation between Navy and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Frost (#D1F5F8): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#00658A): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003786): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#11004E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#080016): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged dark, 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
- Gentle Nightshade color palette (#D8E9EF, #0062B4, #2B03AC, #280050, #07000C)
- Quiet Navy Canyon color palette (#D6F1FC, #0072B4, #004683, #0A007B, #140047)
- Midnight Villa color palette (#DAEEE9, #006968, #003E4D, #001C3A, #010021)
- Hushed Navy Coast color palette (#D5EBF7, #0085C4, #005296, #140083, #020012)
- Denim Study color palette (#DDEDFF, #005AAB, #5A4700, #002954, #040300)
- Cellar Ultramarine color palette (#D7F0FF, #2241BE, #310075, #1C0026, #030003)
- Lilac Corridor color palette (#D6E7FF, #A893E9, #B05672, #004250, #03011F)
- Ultramarine Villa color palette (#C4E9F6, #008FCA, #2042E7, #3A0089, #280033)
Browse the whole catalog at Explore, or see today's palette.