Navy Loft color palette — #DFEDFF · #00489B · #523500 · #001C45 · #020100
A conversation between Indigo and Midnight, giving this palette its sense of trust and stability.
The five colors
- Frost (#DFEDFF): A whisper-light, dusty blue — the color of deep harbor water.
- Indigo (#00489B): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#523500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Midnight (#001C45): A deep, shadowed, balanced blue — the color of open sky before noon.
- Black (#020100): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Depth, Luxury. Tagged 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
- Deep Cocoa Harbor color palette (#CDE5F4, #00546C, #602900, #00222E, #030100)
- Inked Aubergine color palette (#E8ECFC, #4F2EA3, #433C00, #220057, #010100)
- Cobalt Orchard color palette (#D0E1F4, #006DBC, #6C4F00, #002C51, #020100)
- Nightshade Loft color palette (#DAE5FA, #0018AC, #62000C, #012C04, #00000B)
- Byzantium Harbor color palette (#D5E3F8, #887BCC, #9639A5, #003353, #01000E)
- Quiet Nightshade color palette (#E2EBFF, #6D71D9, #7E6A00, #392BA5, #171200)
- Patina Amethyst color palette (#E9EBF9, #823FCC, #4D6100, #480080, #060900)
- Antique Atelier color palette (#EBF2FF, #6F92F8, #A67B00, #283EDE, #2C1E00)
Browse the whole catalog at Explore, or see today's palette.