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 |
 |
| Inverse |
 |
| Version |
Preview |
| Default (svg) |
 |
| Inverse (svg) |
 |
| Rounded 256px (png) |
 |
| Rounded 128px (png) |
 |
| Rounded 64px (png) |
 |
| Rounded 32px (png) |
 |
| Rounded 16px (png) |
 |
| Square 256px (png) |
 |
| Square 128px (png) |
 |
| Square 64px (png) |
 |
| Square 32px (png) |
 |
| Square 16px (png) |
 |
View more sizes
View all product screenshots
| Web Colors |
Color |
HEX value |
| Primary Blue |
 |
#175DDC |
| Deep Blue |
 |
#1A41AC |
| Indigo Blue |
 |
#020F66 |
| Accent Teal |
 |
#2CDDE9 |
| Accent Melon |
 |
#FF4E63 |
| Accent Yellow |
 |
#FFBF00 |
| Accent Purple |
 |
#9D26FF |
| Accent Gray |
 |
#F3F6F9 |
| Accent Black |
 |
#000000 |
| Accent White |
 |
#FFFFFF |
| Grayscale |
Color |
HEX value |
| Deep Dark Gray |
 |
#282A31 |
| Dark Gray |
 |
#6E7881 |
| Deep Medium Gray |
 |
#939DA7 |
| Medium Gray |
 |
#ABB4BD |
| Light Gray |
 |
#CFD4DA |
| Lightest Gray |
 |
#E6EBEF |
| Product Colors |
Color |
HEX value |
| Text |
|
#000000 |
| Success |
 |
#57C86B |
| Danger |
 |
#E5544A |
| Warning |
 |
#E8BF31 |
| Info |
 |
#63A2FD |
| Background |
|
#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.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent