Petrol Villa color palette — #C9F1EB · #6399B7 · #5E5E98 · #554118 · #23360D
Built around Slate, softened by Slate Blue — the whole palette hums with nature and growth.
The five colors
- Honeydew (#C9F1EB): A whisper-light, dusty teal — the color of glacier melt.
- Slate Blue (#6399B7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#5E5E98): A full-bodied, balanced violet — the color of wild irises.
- Cocoa (#554118): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Deep Forest (#23360D): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, 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
- Spruce Hollow color palette (#DEF2EF, #629BA0, #48677E, #4A4010, #022603)
- Worn Periwinkle Veranda color palette (#C0EDF5, #729FD5, #7C5D94, #2E523E, #033C39)
- Aged Cerulean color palette (#BFEAED, #4D9EAF, #5B6C8F, #653E4C, #4C2B27)
- Hushed Loft color palette (#CCEAD0, #90B394, #667CAB, #626231, #3C3B00)
- Indigo Harbor color palette (#C8E4F2, #706DCC, #6C326B, #1E3400, #001E14)
- Petrol Villa color palette (#F7EAF3, #75C0C3, #00748E, #005237, #00314E)
- Softworn Powder Drift color palette (#E8F6FF, #A8B9E1, #817B9E, #4B6E61, #34584B)
- Timeworn Bronze Hollow color palette (#D3E7DB, #93BDE4, #AF86A0, #A55B4D, #4D3100)
Browse the whole catalog at Explore, or see today's palette.