Vue.js Logo & Brand Colors
The Vue.js brand colors are Green #4FC08D, Green 2 #41B883 and Blue #34495E.
JavaScript framework · vuejs.org
Verified sources · Updated 2026-10-02
Vue.js logo downloads (SVG & PNG)
Vector SVG files plus PNG at 256, 512, 1024, 2048 px on transparent, white or dark backgrounds — rendered from the SVG, proportions never altered.
Symbol · light background · SVG · Download SVG · CC BY · Evan You, https://github.com/yyx990803, CC BY 4.0, via Wikimedia Commons · source 
Icon · light background · SVG · Download SVG · CC0 1.0 · source 
Icon · dark background · SVG · Download SVG · CC0 1.0 · source
Vue.js brand colors — HEX, RGB, HSL, CMYK & Pantone
| Color | HEX | RGB | HSL | CMYK | Pantone | Role | Source | |
|---|---|---|---|---|---|---|---|---|
| Green | #4FC08D | rgb(79, 192, 141) | hsl(153, 47%, 53%) | cmyk(59%, 0%, 27%, 25%) | PANTONE 14-6330 TCX Spring Bud (ΔE 6.6) | brand | simple-icons (CC0) | |
| Green 2 | #41B883 | rgb(65, 184, 131) | hsl(153, 48%, 49%) | cmyk(65%, 0%, 29%, 28%) | PANTONE 16-5942 TCX Blarney (ΔE 7.5) | accent | Wikidata / Wikimedia Commons | |
| Blue | #34495E | rgb(52, 73, 94) | hsl(210, 29%, 29%) | cmyk(45%, 22%, 0%, 63%) | PANTONE 19-4118 TCX Dark Denim (ΔE 2.8) | accent | Wikidata / Wikimedia Commons |
Colors observed on vuejs.org
Seen in the website's CSS — informative, not official: #3C8772 #42D392 #647EFF #292D3E #FD1D7C #89DDFF
Contrast (WCAG)
| Color | On white | On black |
|---|---|---|
| Green #4FC08D | 2.3:1 | 9.3:1 |
| Green 2 #41B883 | 2.5:1 | 8.4:1 |
| Blue #34495E | 9.3:1 | 2.3:1 |
Vue.js fonts
Observed on vuejs.org: Inter4CJK (body), Inter (heading).
About Vue.js
Vue.js is an open-source model–view–viewmodel front end JavaScript framework for building user interfaces and single-page applications. It was created by Evan You and is maintained by him and the rest of the active core team members. Vue features an incrementally adaptable architecture that focuses on declarative rendering and component composition.
Text from Wikipedia, CC BY-SA 4.0.
| Industry | Technology |
|---|---|
| Founded | February 2014 |
| Website | vuejs.org |
| Brand guidelines | Official guidelines |
Tags: Technology, free software, software library, javascript framework, web framework, javascript library, open-source software
FAQ
What is the Vue.js brand color hex code?
The primary Vue.js color is Green #4FC08D (rgb(79, 192, 141); hsl(153, 47%, 53%); cmyk(59%, 0%, 27%, 25%)). The closest Pantone TCX match is PANTONE 14-6330 TCX Spring Bud (ΔE 6.6).
What are all the Vue.js brand colors?
The Vue.js brand colors are Green #4FC08D, Green 2 #41B883 and Blue #34495E. Colors observed on vuejs.org but not confirmed as official are listed separately.
How do I download the Vue.js logo?
Choose a tile in the Logos section (symbol, icon) and click SVG for the vector file or PNG for a transparent, white or dark background at 256, 512, 1024, 2048 px. "Download all" packs every file into one ZIP. PNGs are rendered in your browser from the SVG, so the proportions are never altered.
Can I use the Vue.js logo?
The files here are distributed under: CC BY; CC0 1.0. The Vue.js name and logo remain trademarks of their owner. You may use them to refer to Vue.js (articles, reviews, comparisons, tutorials, app integrations) but not to imply endorsement, on merchandise, or in a modified form. See our Logo Fair Use guide and Trademark Policy.
What font does Vue.js use?
On vuejs.org we observed Inter4CJK (body) and Inter (heading). Fonts are detected from the live website, not from brand guidelines.
Related brands
- ResearchGate logo & colors
- GoDaddy logo & colors
- Grammarly logo & colors
- TikTok logo & colors
- QGIS logo & colors
- Chess.com logo & colors
- WhatsApp logo & colors
- OPPO logo & colors
All Technology brands · Brands hub · Logo fair use guide · Trademark policy
Logos are the property of their respective trademark owners. Usage must comply with fair-use principles: no endorsement, misrepresentation, or alteration.