Petrol Veranda color palette — #EEF2F9 · #D8D3E1 · #B5B6C4 · #4F648F · #19212D
A conversation between Slate and Midnight, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#EEF2F9): bright and airy, almost weightless.
- Silver (#D8D3E1): bright and airy, almost weightless.
- Ash (#B5B6C4): a calm mid-gray that lets other colors speak.
- Slate (#4F648F): A full-bodied, dusty violet — the color of wild irises.
- Midnight (#19212D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Creativity, Sophistication. Tagged scandi, muted, light.
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 Denim Alley color palette (#F9F3F8, #E1D6D6, #C3ADAE, #2E62B0, #423641)
- Aged Abyss color palette (#DFE9FF, #9A9BC1, #776986, #315944, #0A302B)
- Plum Archive color palette (#F4F0F9, #E6D0DA, #CFB6CD, #9A4A80, #292132)
- Antique Cerulean color palette (#F1F6FC, #DED9E3, #BDB3AB, #698CBB, #272F39)
- Antique Summit color palette (#EBE7EE, #D4C6D5, #AF9DAB, #7E3A5B, #1A121F)
- Navy Coast color palette (#E1E7F3, #AFB2C1, #8C8AA2, #333A81, #040A1A)
- Weathered Pine Market color palette (#E5F7EE, #95A87A, #457144, #2D4963, #00221B)
- Grape Cabin color palette (#E3E7FB, #694FB2, #25203B, #090B19, #010206)
Browse the whole catalog at Explore, or see today's palette.