Navy Villa color palette — #F1DCE5 · #2583AA · #003B72 · #001F1F · #01000B

Navy and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Shell Pink (#F1DCE5): A whisper-light, dusty rose — the color of a warm blush.
• Cerulean (#2583AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003B72): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#001F1F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#01000B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Lagoon Basin color palette (#EBDFE6, #008B85, #00444E, #00210D, #000103)
• Linen Navy Courtyard color palette (#EADBE1, #3A93C6, #00429E, #002B2E, #03001A)
• Softworn Studio color palette (#EDF1DF, #58ADD8, #005A88, #002A34, #000104)
• Aged Petrol Garden color palette (#F0E5ED, #68C5C3, #00788D, #004E2E, #001827)
• Patina Sapphire color palette (#E9F6E7, #80C1FF, #4660E7, #00505C, #1D0D3F)
• Washed Cypress color palette (#F8EFF3, #AEE6FE, #6B91B7, #136C68, #1E2C46)
• Worn Ember color palette (#E6D8F0, #D65940, #885900, #4A1B5C, #0D0001)
• Smoked Market color palette (#FCDEE6, #700039, #003B2E, #00222B, #040001)

Browse the whole catalog at Explore, or see today's palette.