Petrol Veranda color palette — #EDF4F0 · #CBD9DA · #A6BDB5 · #007088 · #16241C

Teal takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#EDF4F0): bright and airy, almost weightless.
• Silver (#CBD9DA): bright and airy, almost weightless.
• Ash (#A6BDB5): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007088): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#16241C): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Weathered Petrol Corridor color palette (#EFF6FA, #D6D9E5, #A9B4C8, #007081, #333C41)
• Washed Ultramarine Pier color palette (#F6F0F4, #E0D2D3, #C7AFBB, #435DB3, #271D25)
• Dusty Cerulean color palette (#F1F7F3, #D0DFE1, #BDBAAD, #1A9AB0, #26322A)
• Softworn Lagoon color palette (#F1F4E2, #9AA67F, #007757, #00524B, #181F04)
• Muted Abyss Loft color palette (#DEE9E4, #A9B7B2, #9B859D, #004A65, #000F08)
• Midnight Petrol color palette (#D2ECE4, #0069AB, #132442, #00100C, #000302)
• Weathered Station color palette (#FBE1EE, #B899A4, #816186, #743831, #421B05)
• Patina Garnet color palette (#FFE1DC, #4E91C2, #3A589B, #5D1750, #240D27)

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