Petrol Villa color palette — #D2FCEC · #006AB2 · #00581E · #003810 · #000701
Royal Blue and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D2FCEC): A whisper-light, dusty teal — the color of sea glass.
- Royal Blue (#006AB2): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#00581E): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#003810): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#000701): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
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
- Worn Ultramarine Grove color palette (#E9F2FF, #0062BB, #544100, #372900, #000801)
- Denim Corridor color palette (#DEFDE9, #00667A, #4E3F00, #183300, #00201B)
- Hushed Study color palette (#F1F5FF, #807AFF, #945000, #1E5400, #000507)
- Feathered Cornflower Lagoon color palette (#D2E6DC, #4070FF, #8F006F, #003B28, #160631)
- Raspberry Archive color palette (#FEEDEC, #D34E86, #007360, #005244, #180A1A)
- Powdered Sapphire Station color palette (#F6D4EF, #3A57FF, #6B4200, #00352B, #00120E)
- Grape Bloom color palette (#EAE1FF, #7E00C3, #474B00, #2E3100, #000808)
- Hushed Iris color palette (#FCEDF4, #987DCA, #746E21, #524F24, #162016)
Browse the whole catalog at Explore, or see today's palette.