Petrol Villa color palette — #D1E2E7 · #00738A · #002F3F · #2B2122 · #000D11
Teal and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Silver (#D1E2E7): a clean, paper-quiet neutral.
- Teal (#00738A): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#002F3F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Onyx (#2B2122): quiet, heavy and certain.
- Ink (#000D11): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. Tagged monochrome, 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 Denim Bloom color palette (#DEEEFF, #0065B0, #002954, #2A1C23, #00091A)
- Velvet Cypress Meadow color palette (#D0EDE2, #006E56, #003124, #111A1F, #000B07)
- Timeworn Garden color palette (#D8F4FF, #0089A6, #005166, #00222A, #000203)
- Cellar Denim Delta color palette (#DDF1EA, #006095, #500022, #001F35, #070000)
- Ancient Azure color palette (#CAE4FF, #009BD6, #005492, #003249, #001A30)
- Washed Bloom color palette (#EAF8FF, #00B7EA, #006F93, #003F5D, #002738)
- Hushed Bronze color palette (#E4E3C4, #A56200, #007278, #060C10, #000300)
- Timeworn Nightshade color palette (#D6E6FD, #4B7CE0, #212DA4, #001641, #000622)
Browse the whole catalog at Explore, or see today's palette.