Vue.js brand colors

Technology · 2 colors · Updated September 2026

Export the Vue.js palette

Color codes

  • Bleached Olive

  • Bluedgeons

About the Vue.js palette

Vue.js features a vibrant color palette with a striking combination of green (#42B883) and dark slate blue (#35495E). These colors, often associated with its technology roots, are prominently displayed on its official platform and marketing materials, making them easily recognizable within the web development community.

Brand names, logos and colors belong to their owners. PickXColor is not affiliated with Vue.js.

Category
Web Development

Color data from brandcolor.dev

Frequently asked questions

What are the Vue.js brand colors?

Vue.js uses 2 brand colors: Bleached Olive (#42B883) and Bluedgeons (#35495E).

What is the main Vue.js color?

The lead color of the Vue.js palette is Bleached Olive: HEX #42B883, RGB 66, 184, 131.

How do I use the Vue.js colors in CSS or Tailwind?

Choose Export to copy the palette as CSS custom properties, a Tailwind theme with shades, SCSS, Swift, Jetpack Compose or JSON design tokens. Open in editor adds every color to the PickXColor board, where you can check contrast and build shades.

Where do these color codes come from?

The codes come from Vue.js's published brand guidelines, collected by brandcolor.dev. The link to the guidelines is on this page.