Navy Villa color palette — #D0E2E7 · #004F73 · #002C6B · #07003A · #020008
Navy and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Silver (#D0E2E7): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#004F73): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#002C6B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#07003A): A deep, shadowed, balanced violet — the color of a velvet chair.
- Black (#020008): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged dark, muted, cool.
Use it as a design system
One click turns Navy Villa 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 Navy color palette (#D1E8F9, #0050A2, #1A007B, #14003A, #040009)
- Abyss Corridor color palette (#DCECE9, #005D65, #002E3D, #001625, #00010B)
- Iris Villa color palette (#E1EDFF, #9078D6, #945183, #002F42, #000010)
- Ultramarine Harbor color palette (#CFE1FB, #0330C6, #523400, #000963, #020100)
- Obsidian Balcony color palette (#E5EBFF, #4B3ED4, #20007C, #160413, #020023)
- Powdered Alley color palette (#DCEFFC, #1379F8, #4E45C5, #3E2174, #250436)
- Charred Nightshade color palette (#E5EBF8, #0602B6, #422C00, #172103, #00000C)
- Lapis Coast color palette (#DCE8FA, #5E4DFB, #550098, #3C0048, #1C0017)
Browse the whole catalog at Explore, or see today's palette.