Petrol Veranda color palette — #E2ECF4 · #9E9FAD · #9086B1 · #00699F · #000A16

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

The five colors

• Frost (#E2ECF4): bright and airy, almost weightless.
• Blue Fog (#9E9FAD): A luminous, dusty violet — the color of twilight just after sunset.
• Slate Blue (#9086B1): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#00699F): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#000A16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Abyss Harbor color palette (#EBF1F5, #9BA6B5, #7D84A4, #004C69, #000A15)
• Onyx Orchard color palette (#D8E4ED, #838EA0, #68697F, #002E40, #000103)
• Wandering Indigo Station color palette (#E5E8F0, #C6BCD0, #B3A0BC, #7973CA, #1A1F2D)
• Grape Studio color palette (#DDE1F0, #8479AE, #804D9C, #672C30, #2A0701)
• Lagoon Corridor color palette (#CDF0F1, #079F86, #007169, #005259, #000709)
• Indigo Villa color palette (#E3EFFF, #0AACF3, #8B7AF6, #695DF7, #01001E)
• Misty Pier color palette (#F5E1F7, #2E74E5, #4F3DC2, #6D0040, #01001A)
• Hushed Iris Delta color palette (#F2F5FB, #DCD7E5, #C8BCD2, #8A9AE4, #363B44)

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