Petrol Veranda color palette — #F8DFF7 · #C6CAFF · #AF8BC2 · #106A8E · #111B3C

Peacock and Mauve set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F8DFF7): A whisper-light, dusty pink — the color of peonies in June.
• Lilac Frost (#C6CAFF): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#AF8BC2): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#106A8E): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#111B3C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Balance. Tagged pastel, light, muted.

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

• Washed Denim color palette (#FFE6F8, #D2C1EE, #C080B6, #1F578F, #311123)
• Weathered Blush Ridge color palette (#ECF5FF, #CDC4F2, #C77F96, #006B75, #2E3559)
• Muted Corridor color palette (#D3F2E2, #AED0F2, #8F95D3, #006467, #002118)
• Cobalt Alley color palette (#EAF3FF, #C9C9FC, #C9A4DE, #008ABF, #242E51)
• Frosted Field color palette (#FFE7F5, #BA9FDA, #AF669C, #214C8C, #0E0527)
• Muted Quarry color palette (#FFECF5, #E6D3CF, #F3B5B7, #6275A2, #3E272F)
• Lapis Cabin color palette (#FAECFF, #FDC1ED, #F77F92, #604CB6, #360C3A)
• Patina Mallow Atelier color palette (#D9FFF2, #EADCE1, #FFB1D8, #289391, #351B31)

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