Petrol Veranda color palette — #EFF6FA · #D8DBE5 · #BEBECE · #347F94 · #3F4A4F

Slate takes the lead with Stone close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF6FA): a clean, paper-quiet neutral.
• Silver (#D8DBE5): a clean, paper-quiet neutral.
• Stone (#BEBECE): A luminous, dusty violet — the color of a velvet chair.
• Slate (#347F94): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3F4A4F): a grounded near-black with real depth.

Feels like: Trust, Stability, 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 Ridge color palette (#EBF3F7, #D6D8E7, #C1BACD, #507C8E, #232E32)
• Driftwood Alley color palette (#ECF7FF, #A8C1E3, #797EA2, #7A5566, #37523F)
• Aged Sapphire Workshop color palette (#F2F5FC, #DDD6E5, #BAB7DF, #515FC0, #39404D)
• Washed Studio color palette (#E7EEF2, #9EABB8, #6F7DA8, #003D53, #021623)
• Dusty Lagoon Ridge color palette (#ECF8F5, #90BC9A, #1E8669, #38606D, #304746)
• Gentle Iris Bloom color palette (#EDF7FF, #8AF1FF, #6CC1FF, #727BD3, #29425C)
• Aged Nightshade Canyon color palette (#ECEEF5, #C9CADC, #A29ABE, #4F4893, #292D3B)
• Airy Thicket color palette (#EBFAED, #3DA5CA, #4B66AB, #7B3623, #2E3F4E)

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