Petrol Villa color palette — #E8FAF2 · #A7ECB3 · #0074A0 · #003349 · #000A06
Built around Slate, softened by Mint — the whole palette hums with nature and growth.
The five colors
- Ivory (#E8FAF2): A whisper-light, dusty teal — the color of shallow lagoons.
- Mint (#A7ECB3): A whisper-light, balanced green — the color of a quiet forest floor.
- Slate (#0074A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003349): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000A06): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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 color palette (#FBF2FA, #9CE2BF, #3F639B, #0B264F, #090109)
- Ancient Celadon Archive color palette (#ECFBE6, #CAE594, #007C6E, #003730, #020A00)
- Washed Studio color palette (#E8FAF4, #7DD09C, #005589, #001A2F, #000201)
- Washed Cobalt Terrace color palette (#FEF1F8, #F3D4C6, #716EA9, #353357, #190913)
- Feathered Azure Field color palette (#E2FCF4, #FFBDA2, #0094E8, #016099, #022019)
- Washed Coral Villa color palette (#E8F3FF, #FA7E60, #004E86, #00223E, #010813)
- Washed Station color palette (#E9FBE8, #00A8A5, #9E6A00, #505400, #00190D)
- Amber Harbor color palette (#EFF9E4, #03C393, #DF6D00, #836100, #002217)
Browse the whole catalog at Explore, or see today's palette.