Navy Garden color palette — #DFF2FF · #0057A9 · #1F008D · #17003E · #12000B
Built around Indigo, softened by Cobalt — the whole palette hums with trust and stability.
The five colors
- Frost (#DFF2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cobalt (#0057A9): A full-bodied, balanced blue — the color of open sky before noon.
- Indigo (#1F008D): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#17003E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#12000B): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Creativity, Energy, Depth, Luxury. Tagged dark.
Use it as a design system
One click turns Navy Garden 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
- Navy Alley color palette (#D8F1FA, #00648E, #002E6F, #0B0047, #0B0022)
- Nightshade Archive color palette (#DDF4FF, #006CC3, #2E24C0, #30005A, #120015)
- Shadow Lapis color palette (#DBE7F7, #3336EF, #450087, #280038, #180008)
- Lowlit Grape color palette (#E9E6FF, #7141CC, #380072, #230908, #0C0024)
- Grape Balcony color palette (#DAE4FF, #4D00D6, #4B3D00, #1E0061, #080500)
- Velvet Aubergine color palette (#E9E8FF, #4300A5, #3B3400, #0A260C, #02000D)
- Plum Coast color palette (#DADDEF, #A37FC1, #AF416E, #003150, #14062B)
- Grape Alley color palette (#E0E1EE, #7200BF, #570065, #2E0020, #160100)
Browse the whole catalog at Explore, or see today's palette.