Petrol Veranda color palette — #EEF2F8 · #D6D4E1 · #ADB6D1 · #45649B · #1B2129

A conversation between Slate and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EEF2F8): a clean, paper-quiet neutral.
• Silver (#D6D4E1): a clean, paper-quiet neutral.
• Ash (#ADB6D1): A luminous, dusty violet — the color of a velvet chair.
• Slate (#45649B): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#1B2129): quiet, heavy and certain.

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

• Timeworn Petrol color palette (#FAF2FA, #E7D4D6, #C6ABB3, #45668C, #3E383F)
• Worn Cerulean Harbor color palette (#F0F6FC, #DCD9E3, #BDB0A9, #648DBC, #272F38)
• Timeworn Thicket color palette (#F3F0F8, #E0D2DA, #CAB7D1, #994A85, #282132)
• Hushed Basin color palette (#F0F1FE, #D3D1E7, #C39DC2, #7729B4, #181828)
• Driftwood Archive color palette (#DDDEF4, #A39DBB, #9D6789, #624355, #3A1A27)
• Weathered Violet color palette (#EDF2FF, #A1C2FF, #9099FF, #905EC8, #131732)
• Hushed Courtyard color palette (#DCE2EC, #ACB3C4, #868CA7, #293595, #050A17)
• Velvet Lapis color palette (#E5EBFF, #6251B6, #2B1B42, #070B1D, #010205)

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