Petrol Villa color palette — #F7EAF0 · #87B9D1 · #166AB4 · #00504E · #1F275E
Royal Blue and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F7EAF0): bright and airy, almost weightless.
- Ash (#87B9D1): A luminous, dusty blue — the color of deep harbor water.
- Royal Blue (#166AB4): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Navy (#1F275E): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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 Delta color palette (#E8EAE0, #89BBD5, #0072A8, #004958, #00172D)
- Antique Coast color palette (#FAF3F6, #B0C8DD, #5576B9, #005E67, #37355D)
- Muted Denim Field color palette (#E7DCE3, #78A7B4, #006273, #004124, #002235)
- Misty Periwinkle color palette (#F8ECE3, #9DDDFC, #61A9F3, #00918F, #212956)
- Worn Cypress color palette (#FAF3F8, #C3E2EE, #4F94B0, #007457, #2D4A66)
- Antique Lantern color palette (#E4D8F2, #B05F90, #007A7B, #82005F, #003031)
- Muted Navy color palette (#E8DADF, #6384A3, #1F2F8A, #002127, #0C0026)
- Pine Chapel color palette (#EFD5EE, #AF4049, #1A7209, #00585F, #3F050E)
Browse the whole catalog at Explore, or see today's palette.