Petrol Veranda color palette — #D4E0E7 · #9E9FAE · #8F829C · #006F85 · #000B12

Teal and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#D4E0E7): bright and airy, almost weightless.
• Blue Fog (#9E9FAE): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#8F829C): A luminous, dusty violet — the color of wild irises.
• Teal (#006F85): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#000B12): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Ultramarine Lagoon color palette (#E8EEF8, #A59DA9, #9A7F92, #3B5BBA, #040914)
• Timeworn Basin color palette (#E4EFEA, #95AAA4, #967D92, #004D63, #000D06)
• Tempered Pewter Corridor color palette (#E7EEEA, #948994, #845E71, #002F3A, #000201)
• Wandering Cobalt color palette (#DADFE6, #C6BCCD, #B29FAD, #597EC9, #132032)
• Aged Cerulean Coast color palette (#C7F6F6, #5F89B8, #7B5B7D, #4F4B15, #110F00)
• Quiet Nightshade Drift color palette (#EDE2CA, #008A94, #4C49AF, #4B3700, #000408)
• Emerald Field color palette (#DDF2E7, #569B59, #007263, #004D74, #000901)
• Mulberry Workshop color palette (#D4F4FB, #00847C, #9B075B, #333B00, #010200)

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