Petrol Villa color palette — #E0EDE2 · #7FBED5 · #1173A3 · #004B4D · #001631
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#E0EDE2): A whisper-light, dusty teal — the color of sea glass.
- Sky (#7FBED5): A luminous, dusty blue — the color of deep harbor water.
- Slate (#1173A3): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#001631): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Muted Petrol Courtyard color palette (#F7ECE5, #7FBCD0, #0A6EA8, #00504A, #162A5C)
- Ancient Ultramarine color palette (#D8E4DA, #6DA2CE, #1852B0, #003745, #060030)
- Washed Lantern color palette (#EEF0E5, #A4D0B9, #0192C4, #006A77, #00314C)
- Ash Boulevard color palette (#EDF4EE, #D4DCF0, #79A1C2, #4A7280, #2A3749)
- Cerulean Meadow color palette (#E3F0E5, #009CAB, #005266, #002C27, #00050B)
- Ancient Blush Orchard color palette (#E8ECFF, #DCB6EB, #E282AB, #4E5B91, #191931)
- Cobalt Bloom color palette (#E8F3EA, #1D80B8, #003A76, #001E25, #00000C)
- Frosted Pier color palette (#E3DDFF, #783BDF, #914700, #005A49, #060622)
Browse the whole catalog at Explore, or see today's palette.