Petrol Villa color palette — #F6EDDF · #88B8DA · #2C68B1 · #004E5C · #1F2A53
Royal Blue takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F6EDDF): A whisper-light, dusty gold — the color of honey in a jar.
- Sky (#88B8DA): A luminous, dusty blue — the color of open sky before noon.
- Royal Blue (#2C68B1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004E5C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#1F2A53): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Timeworn Petrol color palette (#F3EEE5, #97BCA3, #007394, #00504B, #00314E)
- Dusty Market color palette (#F1E7DF, #8EB9D8, #4A65B7, #004B49, #1C053A)
- Weathered Cobalt Lagoon color palette (#F6EBEF, #A8C9E4, #6983CA, #006C69, #332155)
- Sunlit Periwinkle Courtyard color palette (#E9F1EB, #A7DAFF, #5FA6FF, #008DA5, #1E2A56)
- Wandering Field color palette (#EDE5DA, #5799B2, #004F75, #002F31, #00132E)
- Softworn Cabin color palette (#FEF4E4, #B3D9BD, #008DAF, #00675D, #004566)
- Tempered Teal color palette (#9AFCFA, #00ACAE, #006567, #003336, #001C1D)
- Petrol Pier color palette (#F9F4ED, #CAE6EA, #AC8EA9, #37788C, #614A5A)
Browse the whole catalog at Explore, or see today's palette.