Petrol Villa color palette — #ECF1E3 · #89B8D8 · #006CB1 · #004C62 · #102E52

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

The five colors

• Cream (#ECF1E3): bright and airy, almost weightless.
• Sky (#89B8D8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#006CB1): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004C62): A deep, shadowed, dusty blue — the color of open sky before noon.
• Navy (#102E52): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Petrol 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

• Petrol Archive color palette (#F4E6DB, #89BADA, #416AAC, #004B4F, #120E37)
• Washed Boulevard color palette (#EFEFE4, #77C1BC, #00777B, #005144, #00353B)
• Patina Cobalt Corridor color palette (#F4F6EF, #A1D0C5, #3F77CA, #005A80, #4B2F47)
• Cobalt Alley color palette (#F6EBEF, #8CCDF7, #5C87C8, #006B70, #282852)
• Timeworn Cerulean Balcony color palette (#F5F6EA, #86DEEB, #008EA7, #006665, #00475B)
• Chalky Lagoon color palette (#BEE7F6, #009FCE, #006288, #003C60, #1F1C4A)
• Linen Pier color palette (#FFE9FE, #B4C3F7, #968BF9, #00659F, #40233E)
• Antique Cerulean color palette (#E9EDDC, #3A9CBC, #00516E, #002F35, #001625)

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