Petrol Villa color palette — #E6FBF1 · #0078A0 · #494800 · #00310E · #000202
A conversation between Cerulean and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E6FBF1): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#0078A0): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#494800): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Deep Forest (#00310E): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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
- Hushed Sapphire color palette (#FFF0FD, #4767CC, #005C17, #002521, #000103)
- Nightshade Harbor color palette (#FCE6FA, #004AAF, #154200, #001F1B, #000102)
- Softworn Quarry color palette (#FFF1F6, #985DC4, #007269, #003849, #070005)
- Cornflower Quarry color palette (#FFF0FD, #5384FF, #00802B, #004E47, #00050B)
- Dusty Moss Atelier color palette (#EAF9F3, #69AAD6, #86913A, #006B40, #031C0B)
- Timeworn Scarlet Ridge color palette (#FFEEE9, #C84852, #704000, #272700, #000201)
- Tempered Canyon color palette (#FFF0F7, #9B82F2, #008E70, #005861, #000C25)
- Antique Cypress color palette (#FBF2F7, #AAAFE9, #60A280, #007E86, #15302A)
Browse the whole catalog at Explore, or see today's palette.