Sign Up Sign Up
UnoDecimalDualism

UnoDecimalDualism

11-color palette · Neutral · Dark · Complementary harmony

Back to Library

UnoDecimalDualism

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

Modify
Vibrant 11 colors Neutral Dark Complementary odd bizzare noblackandwhite pychedellic
Likes 11
Colors 11

CSS variables

:root {
  --c-vibrant-1: #200124;
  --c-vibrant-2: #054503;
  --c-vibrant-3: #7A0D18;
  --c-vibrant-4: #0A6D6E;
  --c-vibrant-5: #807906;
  --c-vibrant-6: #7277B8;
  --c-vibrant-7: #D055DE;
  --c-vibrant-8: #48D145;
  --c-vibrant-9: #EB9DA4;
  --c-vibrant-10: #85E4E6;
  --c-vibrant-11: #F5EF9D;
}

About this palette

This 11-color vibrant palette runs from Portofino (#F5EF9D) as its lightest tone to Black Sabbath (#200124) as its darkest. It blends Black Sabbath, Racing Green, Mythical Wine, Pine Scented Lagoon, Sunlit Kelp Green, Wind Star, Thick Pink, Verdant Fields, Wood Nymph, Paradisiacal Getaway and Portofino into a single set you can drop straight into a UI. Of its 55 color pairings, 15 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #200124 on #F5EF9D at 16.23:1.

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

Color breakdown

Black Sabbath #200124
RGB
rgb(32, 1, 36)
HSL
hsl(293, 95%, 7%)
Luminance
0.005
Racing Green #054503
RGB
rgb(5, 69, 3)
HSL
hsl(118, 92%, 14%)
Luminance
0.043
Mythical Wine #7A0D18
RGB
rgb(122, 13, 24)
HSL
hsl(354, 81%, 26%)
Luminance
0.045
Pine Scented Lagoon #0A6D6E
RGB
rgb(10, 109, 110)
HSL
hsl(181, 83%, 24%)
Luminance
0.121
Sunlit Kelp Green #807906
RGB
rgb(128, 121, 6)
HSL
hsl(57, 91%, 26%)
Luminance
0.183
Wind Star #7277B8
RGB
rgb(114, 119, 184)
HSL
hsl(236, 33%, 58%)
Luminance
0.202
Thick Pink #D055DE
RGB
rgb(208, 85, 222)
HSL
hsl(294, 67%, 60%)
Luminance
0.252
Verdant Fields #48D145
RGB
rgb(72, 209, 69)
HSL
hsl(119, 60%, 55%)
Luminance
0.474
Wood Nymph #EB9DA4
RGB
rgb(235, 157, 164)
HSL
hsl(355, 66%, 77%)
Luminance
0.445
Paradisiacal Getaway #85E4E6
RGB
rgb(133, 228, 230)
HSL
hsl(181, 66%, 71%)
Luminance
0.662
Portofino #F5EF9D
RGB
rgb(245, 239, 157)
HSL
hsl(56, 81%, 79%)
Luminance
0.836

Contrast & accessibility

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

Aa #200124 on #F5EF9D 16.23:1 AAA
Aa #200124 on #85E4E6 13.05:1 AAA
Aa #200124 on #48D145 9.61:1 AAA
Aa #054503 on #F5EF9D 9.53:1 AAA
Aa #7A0D18 on #F5EF9D 9.33:1 AAA
Aa #200124 on #EB9DA4 9.06:1 AAA
Aa #054503 on #85E4E6 7.66:1 AAA
Aa #7A0D18 on #85E4E6 7.50:1 AAA
Aa #054503 on #48D145 5.64:1 AA
Aa #200124 on #D055DE 5.53:1 AA
Aa #7A0D18 on #48D145 5.52:1 AA
Aa #054503 on #EB9DA4 5.32:1 AA
Aa #7A0D18 on #EB9DA4 5.21:1 AA
Aa #0A6D6E on #F5EF9D 5.17:1 AA
Aa #200124 on #7277B8 4.62:1 AA
Aa #200124 on #807906 4.27:1 AA Large
Aa #0A6D6E on #85E4E6 4.16:1 AA Large
Aa #807906 on #F5EF9D 3.81:1 AA Large
Aa #7277B8 on #F5EF9D 3.51:1 AA Large
Aa #054503 on #D055DE 3.25:1 AA Large
Aa #7A0D18 on #D055DE 3.18:1 AA Large
Aa #200124 on #0A6D6E 3.14:1 AA Large
Aa #0A6D6E on #48D145 3.06:1 AA Large
Aa #807906 on #85E4E6 3.06:1 AA Large
Aa #D055DE on #F5EF9D 2.93:1 Fail
Aa #0A6D6E on #EB9DA4 2.89:1 Fail
Aa #7277B8 on #85E4E6 2.82:1 Fail
Aa #054503 on #7277B8 2.71:1 Fail
Aa #7A0D18 on #7277B8 2.66:1 Fail
Aa #054503 on #807906 2.50:1 Fail
Aa #7A0D18 on #807906 2.45:1 Fail
Aa #D055DE on #85E4E6 2.36:1 Fail
Aa #807906 on #48D145 2.25:1 Fail
Aa #807906 on #EB9DA4 2.12:1 Fail
Aa #7277B8 on #48D145 2.08:1 Fail
Aa #7277B8 on #EB9DA4 1.96:1 Fail
Aa #054503 on #0A6D6E 1.84:1 Fail
Aa #7A0D18 on #0A6D6E 1.80:1 Fail
Aa #EB9DA4 on #F5EF9D 1.79:1 Fail
Aa #0A6D6E on #D055DE 1.76:1 Fail
Aa #200124 on #7A0D18 1.74:1 Fail
Aa #D055DE on #48D145 1.74:1 Fail
Aa #200124 on #054503 1.70:1 Fail
Aa #48D145 on #F5EF9D 1.69:1 Fail
Aa #D055DE on #EB9DA4 1.64:1 Fail
Aa #0A6D6E on #7277B8 1.47:1 Fail
Aa #EB9DA4 on #85E4E6 1.44:1 Fail
Aa #0A6D6E on #807906 1.36:1 Fail
Aa #48D145 on #85E4E6 1.36:1 Fail
Aa #807906 on #D055DE 1.30:1 Fail
Aa #85E4E6 on #F5EF9D 1.24:1 Fail
Aa #7277B8 on #D055DE 1.20:1 Fail
Aa #807906 on #7277B8 1.08:1 Fail
Aa #48D145 on #EB9DA4 1.06:1 Fail
Aa #054503 on #7A0D18 1.02: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