This repository contains resources for the Bitwarden brand such as logos, icons, screenshots, color palettes, and other media.
For more brand resources visit bitwarden.com/brand
Version |
Preview |
Default |
![Default](/bitwarden/brand/raw/main/logos/logo-horizontal-blue.svg) |
Inverse |
![Inverse](/bitwarden/brand/raw/main/logos/logo-horizontal-white.svg) |
Version |
Preview |
Default (svg) |
![Default](/bitwarden/brand/raw/main/logos/icon.svg) |
Inverse (svg) |
![Inverse](/bitwarden/brand/raw/main/logos/icon-inverse.svg) |
Rounded 256px (png) |
![Bitwarden Product Icon Rounded 256 Bitwarden Product Icon Rounded 256](/bitwarden/brand/raw/main/icons/256x256.png) |
Rounded 128px (png) |
![Bitwarden Product Icon Rounded 128 Bitwarden Product Icon Rounded 128](/bitwarden/brand/raw/main/icons/128x128.png) |
Rounded 64px (png) |
![Bitwarden Product Icon Rounded 64 Bitwarden Product Icon Rounded 64](/bitwarden/brand/raw/main/icons/64x64.png) |
Rounded 32px (png) |
![Bitwarden Product Icon Rounded 32 Bitwarden Product Icon Rounded 32](/bitwarden/brand/raw/main/icons/32x32.png) |
Rounded 16px (png) |
![Bitwarden Product Icon Rounded 16 Bitwarden Product Icon Rounded 16](/bitwarden/brand/raw/main/icons/16x16.png) |
Square 256px (png) |
![Bitwarden Product Icon Square 256 Bitwarden Product Icon Square 256](/bitwarden/brand/raw/main/icons/square-256x256.png) |
Square 128px (png) |
![Bitwarden Product Icon Square 128 Bitwarden Product Icon Square 128](/bitwarden/brand/raw/main/icons/square-128x128.png) |
Square 64px (png) |
![Bitwarden Product Icon Square 64 Bitwarden Product Icon Square 64](/bitwarden/brand/raw/main/icons/square-64x64.png) |
Square 32px (png) |
![Bitwarden Product Icon Square 32 Bitwarden Product Icon Square 32](/bitwarden/brand/raw/main/icons/square-32x32.png) |
Square 16px (png) |
![Bitwarden Product Icon Square 16 Bitwarden Product Icon Square 16](/bitwarden/brand/raw/main/icons/square-16x16.png) |
View more sizes
![Bitwarden App Screenshot](/bitwarden/brand/raw/main/screenshots/apps-combo.png)
View all product screenshots
Web Colors |
Color |
HEX value |
Primary Blue |
![#175DDC](https://camo.githubusercontent.com/9d2721921d6a3593b9bf340cfb608a00c407db4e28748bc90d501e4ca972e33b/68747470733a2f2f7777772e73696e676c65636f6c6f72696d6167652e636f6d2f6765742f3137354444432f3332783332) |
#175DDC |
Deep Blue |
![#1A41AC](https://camo.githubusercontent.com/df747c8a6e126448fc748109c6c0f126f7d51e0dc9fc7d1dd380983d246e9ec7/68747470733a2f2f7777772e73696e676c65636f6c6f72696d6167652e636f6d2f6765742f3141343141432f3332783332) |
#1A41AC |
Indigo Blue |
![#020F66](https://camo.githubusercontent.com/68f46a3d872152fa296110dfdd6667e73e925c39237f3973ff65d75043e8c38d/68747470733a2f2f7777772e73696e676c65636f6c6f72696d6167652e636f6d2f6765742f3032304636362f3332783332) |
#020F66 |
Accent Teal |
![#2CDDE9](https://camo.githubusercontent.com/2da8da67d1943246d0486fdc30a814721883903d9982407219ab3bb34cda7537/68747470733a2f2f7777772e73696e676c65636f6c6f72696d6167652e636f6d2f6765742f3243444445392f3332783332) |
#2CDDE9 |
Accent Melon |
![#FF4E63](https://camo.githubusercontent.com/bba6357bbb99fecb877610a6409bf67fd377f1397339587c7e3920f797a9dce0/68747470733a2f2f7777772e73696e676c65636f6c6f72696d6167652e636f6d2f6765742f4646344536332f3332783332) |
#FF4E63 |
Accent Yellow |
![#FFBF00](https://camo.githubusercontent.com/dfd969e8890f96072e4212e7d245269705b175535f1f6e15f3c9c3fd2673d909/68747470733a2f2f7777772e73696e676c65636f6c6f72696d6167652e636f6d2f6765742f4646424630302f3332783332) |
#FFBF00 |
Accent Purple |
![#9D26FF](https://camo.githubusercontent.com/51520f271631d0fd23bec3552f5ec1684dfdb3deff1612b0f8f97dd9798808fe/68747470733a2f2f7777772e73696e676c65636f6c6f72696d6167652e636f6d2f6765742f3944323646462f3332783332) |
#9D26FF |
Accent Gray |
![#F3F6F9](https://camo.githubusercontent.com/81ce62770b60106086dea3cbc5cf8b7680b16eeff47f03dae7254755336f7f37/68747470733a2f2f7777772e73696e676c65636f6c6f72696d6167652e636f6d2f6765742f4633463646392f3332783332) |
#F3F6F9 |
Accent Black |
![#000000](https://camo.githubusercontent.com/3380623a05ff107e30943743c708b42f4d8d192907cf0e4d2ba667c5d505cc31/68747470733a2f2f7777772e73696e676c65636f6c6f72696d6167652e636f6d2f6765742f3030303030302f3332783332) |
#000000 |
Accent White |
![#FFFFFF](https://camo.githubusercontent.com/d44891dbf6d9b0d24475d921cd67da6ff60810d48a1467ff4be46c3af33efb49/68747470733a2f2f7777772e73696e676c65636f6c6f72696d6167652e636f6d2f6765742f4646464646462f3332783332) |
#FFFFFF |
Grayscale |
Color |
HEX value |
Deep Dark Gray |
![#282A31](https://camo.githubusercontent.com/248a9056d95f6687aa0a730d387dec46b4f0ca0723fb738de87ebd7ff9bee3d3/68747470733a2f2f7777772e73696e676c65636f6c6f72696d6167652e636f6d2f6765742f3238324133312f3332783332) |
#282A31 |
Dark Gray |
![#6E7881](https://camo.githubusercontent.com/ddbdcab85bb15b9a18a64d864aa6cfaab8628fa046f2a8510a3b4b0b4534243f/68747470733a2f2f7777772e73696e676c65636f6c6f72696d6167652e636f6d2f6765742f3645373838312f3332783332) |
#6E7881 |
Deep Medium Gray |
![#939DA7](https://camo.githubusercontent.com/87c542fe150e768620b226e9dbd66c6a435b7dc4650800e8a736c6cbb2521bd5/68747470733a2f2f7777772e73696e676c65636f6c6f72696d6167652e636f6d2f6765742f3933394441372f3332783332) |
#939DA7 |
Medium Gray |
![#ABB4BD](https://camo.githubusercontent.com/a9e7261f0fc8b70a86304b809cf3e6edbceb0f40757cd739dfb159971adc6f16/68747470733a2f2f7777772e73696e676c65636f6c6f72696d6167652e636f6d2f6765742f4142423442442f3332783332) |
#ABB4BD |
Light Gray |
![#CFD4DA](https://camo.githubusercontent.com/cbb8ca536d05b23cf047084f2ec48d7a4f7ee2938b3148f6ce7878f92ab988af/68747470733a2f2f7777772e73696e676c65636f6c6f72696d6167652e636f6d2f6765742f4346443444412f3332783332) |
#CFD4DA |
Lightest Gray |
![#E6EBEF](https://camo.githubusercontent.com/e03e7201c314f716b481c3facd4efb334a216d1ec6356b95fefb74c5e26c2788/68747470733a2f2f7777772e73696e676c65636f6c6f72696d6167652e636f6d2f6765742f4536454245462f3332783332) |
#E6EBEF |
Product Colors |
Color |
HEX value |
Text |
![#000000](https://camo.githubusercontent.com/3380623a05ff107e30943743c708b42f4d8d192907cf0e4d2ba667c5d505cc31/68747470733a2f2f7777772e73696e676c65636f6c6f72696d6167652e636f6d2f6765742f3030303030302f3332783332) |
#000000 |
Success |
![#57C86B](https://camo.githubusercontent.com/39d7329151bff273f7709dea345b11c3eb81f4096461cf8b13c2e42c38152e2b/68747470733a2f2f7777772e73696e676c65636f6c6f72696d6167652e636f6d2f6765742f3537433836422f3332783332) |
#57C86B |
Danger |
![#E5544A](https://camo.githubusercontent.com/962d45ee7247227e8bf1b2b155293b811da106686f4bc95e650f2efb369aa4ec/68747470733a2f2f7777772e73696e676c65636f6c6f72696d6167652e636f6d2f6765742f4535353434412f3332783332) |
#E5544A |
Warning |
![#E8BF31](https://camo.githubusercontent.com/e1aa731df1c19c3e8798e9eda4d6034b362536d03da0eec7d9556d09bee19fb0/68747470733a2f2f7777772e73696e676c65636f6c6f72696d6167652e636f6d2f6765742f4538424633312f3332783332) |
#E8BF31 |
Info |
![#63A2FD](https://camo.githubusercontent.com/5bc47b9f2e9dfd9fdbf91eb251ad57ea55793ce096703f0fa37dc4d6b58c2fba/68747470733a2f2f7777772e73696e676c65636f6c6f72696d6167652e636f6d2f6765742f3633413246442f3332783332) |
#63A2FD |
Background |
![#F3F6F9](https://camo.githubusercontent.com/81ce62770b60106086dea3cbc5cf8b7680b16eeff47f03dae7254755336f7f37/68747470733a2f2f7777772e73696e676c65636f6c6f72696d6167652e636f6d2f6765742f4633463646392f3332783332) |
#F3F6F9 |
Download color codes
Use Case |
Link |
Weights |
Product use |
Open Sans |
400 (normal), 500 (medium), 700 (bold) |
Website use |
DM Sans |
400 (normal), 500 (medium), 700 (bold) |
- Capitalize the "B" in Bitwarden in all copy text. Bitwarden should only be presented in all lowercase when displayed in our official logos (see above).
- The "W" in Bitwarden is NEVER capitalized.
"Bitwarden" is a registered trademark of Bitwarden Inc.