Petrol Veranda color palette — #F1F5FC · #DBD8E0 · #C4BBC9 · #5B73A5 · #414852

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

The five colors

• Ivory (#F1F5FC): bright and airy, almost weightless.
• Silver (#DBD8E0): bright and airy, almost weightless.
• Stone (#C4BBC9): A luminous, dusty violet — the color of a velvet chair.
• Slate (#5B73A5): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#414852): a grounded near-black with real depth.

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

• Muted Cobalt color palette (#EEF2F8, #D9D5DB, #C4B8C2, #4C75B4, #242D38)
• Softworn Pewter color palette (#F5F4FC, #E3D5DF, #C6B5CD, #8A4F99, #403D50)
• Tempered Driftwood Quarry color palette (#ECF2FF, #B4B4CC, #9184A2, #4C6859, #2E5057)
• Aged Pewter color palette (#EEF8F3, #A5B78C, #5B7E5A, #415D76, #264A41)
• Ancient Indigo color palette (#DFE4F9, #7460B6, #322F42, #1B1E2E, #0D0C12)
• Ancient Navy color palette (#DFE3EB, #A4A8BB, #7E7C95, #272780, #0C1324)
• Aged Garnet color palette (#E6E1EA, #C2B3C4, #A08499, #72204B, #241B29)
• Weathered Peony color palette (#F1F5FF, #C3E1FF, #B3B3FF, #B870B2, #363A55)

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