Sign Up Sign Up
Buenos Aires

Buenos Aires

11-color palette · Cool · Mixed · Complementary harmony

Back to Library

Buenos Aires

11-color palette · Cool temperature · Mixed tone · Complementary harmony

Modify
Vibrant 11 colors Cool Mixed Complementary pixelart orange vibrant blue
Likes 40
Colors 11

CSS variables

:root {
  --c-vibrant-1: #2F3041;
  --c-vibrant-2: #7A4EC1;
  --c-vibrant-3: #A19FFB;
  --c-vibrant-4: #68A5D9;
  --c-vibrant-5: #40D8B3;
  --c-vibrant-6: #EAD641;
  --c-vibrant-7: #F4A82B;
  --c-vibrant-8: #E97A2B;
  --c-vibrant-9: #D75C9E;
  --c-vibrant-10: #FD7A9A;
  --c-vibrant-11: #DEF0FF;
}

About this palette

This 11-color vibrant palette runs from Wizard White (#DEF0FF) as its lightest tone to Black Iris (#2F3041) as its darkest. It blends Black Iris, Fuchsia Blue, Cobalite, Baja Blue, Bianchi Green, Sandstorm, Carona, Chaat Masala, Sugar Rush, Aggressive Salmon and Wizard White into a single set you can drop straight into a UI. Of its 55 color pairings, 9 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #2F3041 on #DEF0FF at 11.12:1.

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

Color breakdown

Black Iris #2F3041
RGB
rgb(47, 48, 65)
HSL
hsl(237, 16%, 22%)
Luminance
0.031
Fuchsia Blue #7A4EC1
RGB
rgb(122, 78, 193)
HSL
hsl(263, 48%, 53%)
Luminance
0.134
Cobalite #A19FFB
RGB
rgb(161, 159, 251)
HSL
hsl(241, 92%, 80%)
Luminance
0.393
Baja Blue #68A5D9
RGB
rgb(104, 165, 217)
HSL
hsl(208, 60%, 63%)
Luminance
0.349
Bianchi Green #40D8B3
RGB
rgb(64, 216, 179)
HSL
hsl(165, 66%, 55%)
Luminance
0.535
Sandstorm #EAD641
RGB
rgb(234, 214, 65)
HSL
hsl(53, 80%, 59%)
Luminance
0.660
Carona #F4A82B
RGB
rgb(244, 168, 43)
HSL
hsl(37, 90%, 56%)
Luminance
0.474
Chaat Masala #E97A2B
RGB
rgb(233, 122, 43)
HSL
hsl(25, 81%, 54%)
Luminance
0.314
Sugar Rush #D75C9E
RGB
rgb(215, 92, 158)
HSL
hsl(328, 61%, 60%)
Luminance
0.246
Aggressive Salmon #FD7A9A
RGB
rgb(253, 122, 154)
HSL
hsl(345, 97%, 74%)
Luminance
0.371
Wizard White #DEF0FF
RGB
rgb(222, 240, 255)
HSL
hsl(207, 100%, 94%)
Luminance
0.851

Contrast & accessibility

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

Aa #2F3041 on #DEF0FF 11.12:1 AAA
Aa #2F3041 on #EAD641 8.76:1 AAA
Aa #2F3041 on #40D8B3 7.22:1 AAA
Aa #2F3041 on #F4A82B 6.47:1 AA
Aa #2F3041 on #A19FFB 5.47:1 AA
Aa #2F3041 on #FD7A9A 5.20:1 AA
Aa #2F3041 on #68A5D9 4.92:1 AA
Aa #7A4EC1 on #DEF0FF 4.89:1 AA
Aa #2F3041 on #E97A2B 4.50:1 AA
Aa #7A4EC1 on #EAD641 3.85:1 AA Large
Aa #2F3041 on #D75C9E 3.65:1 AA Large
Aa #7A4EC1 on #40D8B3 3.17:1 AA Large
Aa #D75C9E on #DEF0FF 3.05:1 AA Large
Aa #7A4EC1 on #F4A82B 2.84:1 Fail
Aa #E97A2B on #DEF0FF 2.47:1 Fail
Aa #7A4EC1 on #A19FFB 2.40:1 Fail
Aa #EAD641 on #D75C9E 2.40:1 Fail
Aa #7A4EC1 on #FD7A9A 2.29:1 Fail
Aa #2F3041 on #7A4EC1 2.28:1 Fail
Aa #68A5D9 on #DEF0FF 2.26:1 Fail
Aa #7A4EC1 on #68A5D9 2.16:1 Fail
Aa #FD7A9A on #DEF0FF 2.14:1 Fail
Aa #A19FFB on #DEF0FF 2.03:1 Fail
Aa #7A4EC1 on #E97A2B 1.98:1 Fail
Aa #40D8B3 on #D75C9E 1.98:1 Fail
Aa #EAD641 on #E97A2B 1.95:1 Fail
Aa #68A5D9 on #EAD641 1.78:1 Fail
Aa #F4A82B on #D75C9E 1.77:1 Fail
Aa #F4A82B on #DEF0FF 1.72:1 Fail
Aa #EAD641 on #FD7A9A 1.68:1 Fail
Aa #40D8B3 on #E97A2B 1.61:1 Fail
Aa #7A4EC1 on #D75C9E 1.60:1 Fail
Aa #A19FFB on #EAD641 1.60:1 Fail
Aa #40D8B3 on #DEF0FF 1.54:1 Fail
Aa #A19FFB on #D75C9E 1.50:1 Fail
Aa #68A5D9 on #40D8B3 1.47:1 Fail
Aa #F4A82B on #E97A2B 1.44:1 Fail
Aa #D75C9E on #FD7A9A 1.42:1 Fail
Aa #40D8B3 on #FD7A9A 1.39:1 Fail
Aa #68A5D9 on #D75C9E 1.35:1 Fail
Aa #EAD641 on #F4A82B 1.35:1 Fail
Aa #A19FFB on #40D8B3 1.32:1 Fail
Aa #68A5D9 on #F4A82B 1.31:1 Fail
Aa #EAD641 on #DEF0FF 1.27:1 Fail
Aa #F4A82B on #FD7A9A 1.24:1 Fail
Aa #E97A2B on #D75C9E 1.23:1 Fail
Aa #A19FFB on #E97A2B 1.22:1 Fail
Aa #40D8B3 on #EAD641 1.21:1 Fail
Aa #A19FFB on #F4A82B 1.18:1 Fail
Aa #E97A2B on #FD7A9A 1.16:1 Fail
Aa #40D8B3 on #F4A82B 1.12:1 Fail
Aa #A19FFB on #68A5D9 1.11:1 Fail
Aa #68A5D9 on #E97A2B 1.09:1 Fail
Aa #68A5D9 on #FD7A9A 1.06:1 Fail
Aa #A19FFB on #FD7A9A 1.05:1 Fail

Similar palettes

#222831 #393E46 #00ADB5 #EEEEEE
4 colors
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colors
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colors
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colors
#27374D #526D82 #9DB2BF #DDE6ED
4 colors
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colors
#E4F9F5 #30E3CA #11999E #40514E
4 colors
#F0F5F9 #C9D6DF #52616B #1E2022
4 colors