Sign Up Sign Up
Amazon 8

Amazon 8

8-color palette · Neutral · Dark · Complementary harmony

Back to Library

Amazon 8

8-color palette · Neutral temperature · Dark tone · Complementary harmony

Modify
Vibrant 8 colors Neutral Dark Complementary 3bit amazon
Likes 40
Colors 8

CSS variables

:root {
  --c-vibrant-1: #4DC2DA;
  --c-vibrant-2: #1179AA;
  --c-vibrant-3: #0D4E7E;
  --c-vibrant-4: #06333D;
  --c-vibrant-5: #D4824A;
  --c-vibrant-6: #A92C22;
  --c-vibrant-7: #681517;
  --c-vibrant-8: #310A0B;
}

About this palette

This 8-color vibrant palette runs from Bachelor Button (#4DC2DA) as its lightest tone to 3AM Breakup (#310A0B) as its darkest. It blends Bachelor Button, Tanzanite, Classic Blue, Artist Blue, Seraphim Sepia, Fresh Auburn, Cherrywood and 3AM Breakup into a single set you can drop straight into a UI. Of its 28 color pairings, 5 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #4DC2DA on #310A0B at 8.52:1.

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

Color breakdown

Bachelor Button #4DC2DA
RGB
rgb(77, 194, 218)
HSL
hsl(190, 66%, 58%)
Luminance
0.452
Tanzanite #1179AA
RGB
rgb(17, 121, 170)
HSL
hsl(199, 82%, 37%)
Luminance
0.167
Classic Blue #0D4E7E
RGB
rgb(13, 78, 126)
HSL
hsl(205, 81%, 27%)
Luminance
0.070
Artist Blue #06333D
RGB
rgb(6, 51, 61)
HSL
hsl(191, 82%, 13%)
Luminance
0.027
Seraphim Sepia #D4824A
RGB
rgb(212, 130, 74)
HSL
hsl(24, 62%, 56%)
Luminance
0.305
Fresh Auburn #A92C22
RGB
rgb(169, 44, 34)
HSL
hsl(4, 67%, 40%)
Luminance
0.104
Cherrywood #681517
RGB
rgb(104, 21, 23)
HSL
hsl(359, 66%, 25%)
Luminance
0.035
3AM Breakup #310A0B
RGB
rgb(49, 10, 11)
HSL
hsl(358, 66%, 12%)
Luminance
0.009

Contrast & accessibility

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

Aa #4DC2DA on #310A0B 8.52:1 AAA
Aa #4DC2DA on #06333D 6.49:1 AA
Aa #D4824A on #310A0B 6.02:1 AA
Aa #4DC2DA on #681517 5.88:1 AA
Aa #06333D on #D4824A 4.58:1 AA
Aa #4DC2DA on #0D4E7E 4.17:1 AA Large
Aa #D4824A on #681517 4.15:1 AA Large
Aa #1179AA on #310A0B 3.68:1 AA Large
Aa #4DC2DA on #A92C22 3.27:1 AA Large
Aa #0D4E7E on #D4824A 2.94:1 Fail
Aa #1179AA on #06333D 2.80:1 Fail
Aa #A92C22 on #310A0B 2.60:1 Fail
Aa #1179AA on #681517 2.54:1 Fail
Aa #4DC2DA on #1179AA 2.31:1 Fail
Aa #D4824A on #A92C22 2.31:1 Fail
Aa #0D4E7E on #310A0B 2.04:1 Fail
Aa #06333D on #A92C22 1.98:1 Fail
Aa #1179AA on #0D4E7E 1.80:1 Fail
Aa #A92C22 on #681517 1.80:1 Fail
Aa #1179AA on #D4824A 1.63:1 Fail
Aa #0D4E7E on #06333D 1.55:1 Fail
Aa #681517 on #310A0B 1.45:1 Fail
Aa #4DC2DA on #D4824A 1.42:1 Fail
Aa #1179AA on #A92C22 1.41:1 Fail
Aa #0D4E7E on #681517 1.41:1 Fail
Aa #06333D on #310A0B 1.31:1 Fail
Aa #0D4E7E on #A92C22 1.27:1 Fail
Aa #06333D on #681517 1.10:1 Fail

Similar palettes

#000000 #3E065F #700B97 #8E05C2
4 colors
#000000 #150050 #3F0071 #FB2576
4 colors
#000000 #3E432E #616F39 #A7D129
4 colors
#4B5D67 #322F3D #59405C #87556F
4 colors
#18230F #27391C #255F38 #1F7D53
4 colors
#FF5200 #6F0000 #00263B #00A1AB
4 colors
#000000 #0F6292 #16FF00 #FFED00
4 colors
#251D3A #2A2550 #E04D01 #FF7700
4 colors