Backup ONE 2022 – Official

The official Backup ONE 2022 Rebranding Color Palette.

💖 254 likes

Created Feb 1, 2022

9 colors

Color Palette Overview

005DFF

001337

000B1B

EAEEF4

445765

5C1BD1

B81B4F

FFB100

1CB89A

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#337eff Tint -10%	#1a6eff Tint -5%	005DFF Original	#0054e6 Shade +5%	#004bcc Shade +10%
#00256b Tint -10%	#001d52 Tint -5%	001337 Original	#000b1f Shade +5%	#000205 Shade +10%
#001f4d Tint -10%	#001433 Tint -5%	000B1B Original	#000000 Shade +5%	#000000 Shade +10%
#ffffff Tint -10%	#fcfcfd Tint -5%	EAEEF4 Original	#dae1ec Shade +5%	#cad4e3 Shade +10%
#587184 Tint -10%	#4e6474 Tint -5%	445765 Original	#394a56 Shade +5%	#2f3d46 Shade +10%
#7538e5 Tint -10%	#6522e2 Tint -5%	5C1BD1 Original	#5018b9 Shade +5%	#4715a2 Shade +10%
#df2663 Tint -10%	#cc1e58 Tint -5%	B81B4F Original	#a01845 Shade +5%	#8a153c Shade +10%
#ffc233 Tint -10%	#ffba1a Tint -5%	FFB100 Original	#e6a100 Shade +5%	#cc8f00 Shade +10%
#2adfbb Tint -10%	#1fd1ad Tint -5%	1CB89A Original	#19a488 Shade +5%	#158e76 Shade +10%

Complete Color Information

Professional color data with RGB and CMYK values for all design applications.

HEX	RGB	CMYK	Name
005DFF	RGB(0, 93, 255)	CMYK(100, 64, 0, 0)	Blue
001337	RGB(0, 19, 55)	CMYK(100, 65, 0, 78)	Black
000B1B	RGB(0, 11, 27)	CMYK(100, 59, 0, 89)	Black
EAEEF4	RGB(234, 238, 244)	CMYK(4, 2, 0, 4)	White
445765	RGB(68, 87, 101)	CMYK(33, 14, 0, 60)	Gray
5C1BD1	RGB(92, 27, 209)	CMYK(56, 87, 0, 18)	Blue
B81B4F	RGB(184, 27, 79)	CMYK(0, 85, 57, 28)	Pink
FFB100	RGB(255, 177, 0)	CMYK(0, 31, 100, 0)	Orange
1CB89A	RGB(28, 184, 154)	CMYK(85, 0, 16, 28)	Cyan

Print Design Considerations

CMYK values for professional printing

005DFF

C:100 M:64 Y:0 K:0

001337

C:100 M:65 Y:0 K:78

000B1B

C:100 M:59 Y:0 K:89

EAEEF4

C:4 M:2 Y:0 K:4

445765

C:33 M:14 Y:0 K:60

5C1BD1

C:56 M:87 Y:0 K:18

B81B4F

C:0 M:85 Y:57 K:28

FFB100

C:0 M:31 Y:100 K:0

1CB89A

C:85 M:0 Y:16 K:28

Usage Examples

See how this color scheme works in different design contexts and get inspiration for your projects.

CSS Variables

Use these CSS custom properties in your stylesheets

:root {
  --color-1: 005DFF;
  --color-2: 001337;
  --color-3: 000B1B;
  --color-4: EAEEF4;
  --color-5: 445765;
  --color-6: 5C1BD1;
  --color-7: B81B4F;
  --color-8: FFB100;
  --color-9: 1CB89A;
}

Text & Button Examples

See how text and buttons look on each color background

Blue 005DFF

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Blue background. The text color automatically adjusts to light for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as dark, so light text provides optimal contrast for readability.

Black 001337

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Black background. The text color automatically adjusts to light for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as dark, so light text provides optimal contrast for readability.

Black 000B1B

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Black background. The text color automatically adjusts to light for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as dark, so light text provides optimal contrast for readability.

White EAEEF4

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the White background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Gray 445765

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Gray background. The text color automatically adjusts to light for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as dark, so light text provides optimal contrast for readability.

Blue 5C1BD1

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Blue background. The text color automatically adjusts to light for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as dark, so light text provides optimal contrast for readability.

Pink B81B4F

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Pink background. The text color automatically adjusts to light for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as dark, so light text provides optimal contrast for readability.

Orange FFB100

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Orange background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Cyan 1CB89A

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Cyan background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Related Color Schemes

Discover more beautiful color combinations

Backup ONE 2022 – Official

Color Palette Overview

Colors and Tints/Shades

Complete Color Information

Print Design Considerations

Usage Examples

CSS Variables

Text & Button Examples

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Related Color Schemes

night sky!!!!

Midnight Calm

Pastel rainbow

my favorite colors:)