Petrol Veranda color palette — #F2F5FB · #ADC1E6 · #A16984 · #5767AD · #322A39
Slate and Mocha set the tone — five colors that lean into creativity and sophistication.
The five colors
- Ivory (#F2F5FB): bright and airy, almost weightless.
- Sky (#ADC1E6): A luminous, dusty violet — the color of a velvet chair.
- Mocha (#A16984): A full-bodied, dusty rose — the color of pressed rose petals.
- Slate (#5767AD): A full-bodied, balanced violet — the color of a velvet chair.
- Onyx (#322A39): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, Sophistication. Tagged duotone, muted.
Use it as a design system
One click turns Petrol Veranda 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 Cobalt Hollow color palette (#EDF2F8, #9BC7FA, #B4687C, #4174AD, #1B121D)
- Dusty Indigo Atelier color palette (#F0F6FA, #95C9DE, #846FB3, #007998, #2A2C3E)
- Aged Byzantium Coast color palette (#F5F4FC, #C0BAE2, #A76B66, #904E9E, #372835)
- Muted Studio color palette (#EFF7F5, #B0D5FB, #D47F8D, #5291CE, #392A26)
- Hushed Pewter Orchard color palette (#EDF9EF, #AE9ECC, #996387, #5C5D24, #47445E)
- Hazy Market color palette (#F1F5FF, #B3B4DE, #A076A7, #843969, #722A46)
- Washed Driftwood Studio color palette (#F3F5FB, #DCD8DD, #B5A9A6, #837BA4, #4F525D)
- Dusty Delta color palette (#E1DDEC, #9E579F, #741800, #540057, #0C0100)
Browse the whole catalog at Explore, or see today's palette.