Petrol Veranda color palette — #E1EDF4 · #9BA0AF · #8287A0 · #006E88 · #000B13

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

The five colors

• Frost (#E1EDF4): bright and airy, almost weightless.
• Blue Fog (#9BA0AF): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#8287A0): A luminous, dusty violet — the color of wild irises.
• Peacock (#006E88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#000B13): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Ancient Abyss color palette (#D9E2E6, #98A7B5, #7887A2, #004E5B, #000B12)
• Antique Onyx Pier color palette (#DEEAE3, #7D938A, #4E7469, #002F3C, #000201)
• Muted Indigo color palette (#E5E8F3, #B6ABBE, #A190A8, #6F63B8, #0F1321)
• Washed Chapel color palette (#D8E7FD, #757EB1, #6C5896, #692B41, #260206)
• Aged Lagoon color palette (#D1F9F4, #4E9B6E, #007454, #00544C, #000803)
• Ultramarine Market color palette (#D3F9E6, #0081C3, #1E4DC0, #660059, #00030B)
• Sapphire Garden color palette (#D7E4F1, #00AED9, #7382EF, #2A6AFD, #00030A)
• Softworn Azure Balcony color palette (#E7F0F7, #D1D1E1, #B9B6D0, #4C99D4, #252F38)

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