Sign Up Sign Up
4-Color Old Glory Red Palette

4-Color Old Glory Red Palette

4-color palette · Cool · Dark · Complementary harmony

Back to Library

4-Color Old Glory Red Palette

4-color palette · Cool temperature · Dark tone · Complementary harmony

Modify
Vibrant 4 colors Cool Dark Complementary
Likes 3,886
Colors 4

CSS variables

:root {
  --c-vibrant-1: #BF092F;
  --c-vibrant-2: #132440;
  --c-vibrant-3: #16476A;
  --c-vibrant-4: #3B9797;
}

About this palette

This 4-color vibrant palette runs from Sea (#3B9797) as its lightest tone to Dark Eclipse (#132440) as its darkest. It blends Old Glory Red, Dark Eclipse, Tanzanite Blue and Sea into a single set you can drop straight into a UI. None of the 6 in-palette color pairings clear the WCAG AA contrast threshold (4.5:1), so pair these colors with black or white for body text.

A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.

Color breakdown

Old Glory Red #BF092F
RGB
rgb(191, 9, 47)
HSL
hsl(347, 91%, 39%)
Luminance
0.115
Dark Eclipse #132440
RGB
rgb(19, 36, 64)
HSL
hsl(217, 54%, 16%)
Luminance
0.018
Tanzanite Blue #16476A
RGB
rgb(22, 71, 106)
HSL
hsl(205, 66%, 25%)
Luminance
0.057
Sea #3B9797
RGB
rgb(59, 151, 151)
HSL
hsl(180, 44%, 41%)
Luminance
0.253

Contrast & accessibility

0 of 6 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.

Aa #132440 on #3B9797 4.48:1 AA Large
Aa #16476A on #3B9797 2.83:1 Fail
Aa #BF092F on #132440 2.43:1 Fail
Aa #BF092F on #3B9797 1.84:1 Fail
Aa #132440 on #16476A 1.58:1 Fail
Aa #BF092F on #16476A 1.54:1 Fail

Similar palettes

#212121 #323232 #0D7377 #14FFEC
4 colors
#0A2647 #144272 #205295 #2C74B3
4 colors
#040D12 #183D3D #5C8374 #93B1A6
4 colors
#142850 #27496D #0C7B93 #00A8CC
4 colors
#635985 #443C68 #393053 #18122B
4 colors
#000000 #150050 #3F0071 #610094
4 colors
#151515 #301B3F #3C415C #B4A5A5
4 colors
#041C32 #04293A #064663 #ECB365
4 colors