Petrol Villa color palette — #D4F9EB · #4899A7 · #3763B0 · #533201 · #261400
Built around Cobalt, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D4F9EB): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#4899A7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cobalt (#3763B0): A full-bodied, balanced violet — the color of a velvet chair.
- Espresso (#533201): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#261400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged vintage, retro, muted, cool.
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
- Garnet Ridge color palette (#DCF4ED, #49957F, #0E6C89, #6A2827, #321700)
- Softworn Turquoise color palette (#D6F3F3, #40A5C6, #49668D, #4A1C22, #190700)
- Dusty Alley color palette (#D9F0D4, #47A2A0, #5776B9, #754B00, #2C1900)
- Timeworn Navy color palette (#D3EAEA, #3A7FA8, #524288, #312D00, #131200)
- Gentle Harbor color palette (#D0ECF2, #5D82B8, #7A4CA5, #3E4300, #162300)
- Chalky Workshop color palette (#CEE5F2, #006F99, #923E00, #554B00, #000910)
- Dusty Cobalt color palette (#D2ECE2, #4CBED2, #6780C2, #805514, #463A00)
- Linen Cobalt Balcony color palette (#E4F2FE, #0080B8, #8F5800, #004B6D, #1A0C00)
Browse the whole catalog at Explore, or see today's palette.