Petrol Veranda color palette — #EAF4F7 · #D4D8E4 · #BCBBCA · #527C8C · #242E32

Slate and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EAF4F7): bright and airy, almost weightless.
• Silver (#D4D8E4): bright and airy, almost weightless.
• Ash (#BCBBCA): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#527C8C): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#242E32): a grounded near-black with real depth.

Feels like: 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

• Petrol Grove color palette (#F1F7F2, #D3DCDD, #CBBDBE, #3A8087, #414B43)
• Hushed Abyss Lagoon color palette (#DEEDF4, #93A2B0, #6F7C97, #003D4A, #000509)
• Patina Powder color palette (#D3F0FD, #98B9DA, #8185A0, #526357, #2A4232)
• Dusty Denim color palette (#E6F4FE, #C2D6EE, #A7A7D0, #006582, #0D1C25)
• Stone Loft color palette (#E8F6EF, #9DBF8D, #508169, #375B69, #132D28)
• Tempered Seafoam color palette (#E6F4FF, #04F4E5, #69C9FF, #8D8BCA, #0F253A)
• Dusty Veranda color palette (#EBEEFC, #B4AFC9, #9785A3, #48337B, #080A16)
• Softworn Loft color palette (#FFECF3, #00B0C0, #4A68AB, #623C1A, #102532)

Browse the whole catalog at Explore, or see today's palette.