Petrol Villa color palette — #DCEDEC · #8ABAD9 · #0070B3 · #00485C · #001531
Built around Royal Blue, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Frost (#DCEDEC): a clean, paper-quiet neutral.
- Sky (#8ABAD9): A luminous, dusty blue — the color of open sky before noon.
- Royal Blue (#0070B3): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#00485C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#001531): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Aged Cobalt Summit color palette (#E7F5F5, #A9CBED, #4C7CC0, #005679, #121F3E)
- Patina Cypress color palette (#DFECE9, #78C2C1, #007A82, #004C43, #001A1F)
- Lilac Quarry color palette (#D8E9FF, #B3C6FF, #A39AE6, #176092, #0C1C35)
- Ancient Ash color palette (#EBF4F3, #D5D9EC, #7AA0CA, #3C738C, #2B3747)
- Chalky Harbor color palette (#D7E5F7, #2464D1, #99009E, #005858, #000A20)
- Lagoon Dune color palette (#CFE3DE, #318786, #004449, #00201B, #000202)
- Ultramarine Villa color palette (#D4E3F5, #5398EA, #0052B1, #00244D, #000616)
- Sunlit Meadow color palette (#DEF0FF, #0088C8, #1D810E, #004B72, #021801)
Browse the whole catalog at Explore, or see today's palette.