Navy Villa color palette — #CCE7F1 · #007FB5 · #00548F · #0D1D79 · #19194D
A conversation between Navy and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Frost (#CCE7F1): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#007FB5): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#00548F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#0D1D79): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Indigo (#19194D): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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
- Misty Navy color palette (#DEF4F9, #00769A, #004C83, #190078, #0B002D)
- Dusty Petrol Field color palette (#CEE3E6, #007C99, #00506F, #003054, #011748)
- Antique Nightshade Lantern color palette (#C3EBF3, #0099D1, #0063B4, #2532A1, #240E56)
- Soft Nightshade Pier color palette (#E2F0FF, #005ED5, #1E00AB, #1F005B, #21001F)
- Sapphire Workshop color palette (#EBD9EA, #0065DE, #725400, #00357A, #241900)
- Patina Lilac Alley color palette (#D3E1FF, #B0A0F1, #AC6FC1, #005078, #1A1E40)
- Wandering Indigo color palette (#D6DFF8, #6270FF, #1D28A8, #0F005D, #030035)
- Timeworn Boulevard color palette (#DDEAFF, #4D64FF, #4626C8, #3D0A74, #2F1444)
Browse the whole catalog at Explore, or see today's palette.