Petrol Villa color palette — #EBF4F3 · #D2DAEF · #7BA1BE · #2D7685 · #23384B
Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EBF4F3): a clean, paper-quiet neutral.
- Powder Blue (#D2DAEF): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#7BA1BE): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#2D7685): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Teal (#23384B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. 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 Grove color palette (#E0ECEA, #8EBCCB, #007987, #004C47, #001A20)
- Timeworn Lagoon color palette (#FAF4F0, #C9E8E8, #7A9DC1, #097F7C, #624A5C)
- Dusty Navy color palette (#D6E4E4, #4B7FA0, #003E69, #001E28, #000105)
- Softworn Turquoise Loft color palette (#E4F7EF, #B3B884, #54ABBA, #72773C, #0D3645)
- Worn Lagoon Bloom color palette (#DFF9F0, #BEE0E7, #9CC8DA, #6A9886, #243E38)
- Quiet Cornflower color palette (#E5F6F5, #B1D3F8, #4781DB, #005C84, #12214E)
- Softworn Fern Grove color palette (#D9FBF1, #B9CEA0, #798C5A, #42541E, #192501)
- Petrol Parlor color palette (#EBF4F2, #CFDAEA, #79A3B8, #417381, #1D3A4A)
Browse the whole catalog at Explore, or see today's palette.