Petrol Villa color palette — #EEF8F1 · #C8DFE0 · #C9B4C9 · #00778D · #33453A
Teal and Rosewood Mist set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EEF8F1): bright and airy, almost weightless.
- Silver (#C8DFE0): A whisper-light, dusty teal — the color of glacier melt.
- Rosewood Mist (#C9B4C9): A luminous, dusty pink — the color of a candy shop window.
- Teal (#00778D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#33453A): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Cerulean Loft color palette (#EEF7FB, #D7D9EC, #C5BBD8, #0097A8, #32434A)
- Softworn Denim Lagoon color palette (#E7F2EC, #C3CFCC, #AF98AA, #005D7B, #1D332A)
- Dusty Cypress color palette (#F2F7EE, #CCDFD8, #A6C5AE, #007D60, #2F4905)
- Ancient Sapphire Drift color palette (#FBF2FA, #E3D5D6, #D3B1BD, #3761CE, #4D384A)
- Weathered Driftwood Study color palette (#FAF3F6, #E0D8D6, #ADADA2, #8478B0, #5B4F54)
- Washed Cypress color palette (#F7F7E2, #7FB187, #007C5C, #005D60, #174523)
- Timeworn Driftwood color palette (#C6F1DE, #92A9D6, #8476AE, #7F4F33, #5E4805)
- Twilit Petrol Ridge color palette (#D3F0E7, #006DAE, #1F284A, #001E17, #000909)
Browse the whole catalog at Explore, or see today's palette.