Master Key to Azulado Color Palette

About this palette

Master Key to Azulado is a 5-color cool, vintage palette: #DECB8E (Master Key), #9593C9 (Easter Egg), #6575E1 (Pan Purple), #65551F (Reptile Revenge), #231D48 (Azulado). It mixes yellow, purple, blue, brown tones and feels cool overall. The strongest text pairing is #DECB8E on #231D48 with a contrast ratio of 9.72:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Master Key	rgb(222, 203, 142)	hsl(46, 55%, 71%)
Easter Egg	rgb(149, 147, 201)	hsl(242, 33%, 68%)
Pan Purple	rgb(101, 117, 225)	hsl(232, 67%, 64%)
Reptile Revenge	rgb(101, 85, 31)	hsl(46, 53%, 26%)
Azulado	rgb(35, 29, 72)	hsl(248, 43%, 20%)

Accessible color pairs

Pairs with at least 3:1 contrast (large text and UI components); 4.5:1 or more passes WCAG AA for body text.

Aa9.72:1 Very good#DECB8E on #231D48
Aa9.72:1 Very good#231D48 on #DECB8E
Aa5.44:1 Good#9593C9 on #231D48
Aa5.44:1 Good#231D48 on #9593C9
Aa4.54:1 Good#DECB8E on #65551F
Aa4.54:1 Good#65551F on #DECB8E
Aa3.87:1 Poor#6575E1 on #231D48
Aa3.87:1 Poor#231D48 on #6575E1

Color blindness preview

CSS variables

/* Master Key to Azulado — https://swatchly.xyz/palette/decb8e-9593c9-6575e1-65551f-231d48 */
:root {
  --master-key: #decb8e;
  --easter-egg: #9593c9;
  --pan-purple: #6575e1;
  --reptile-revenge: #65551f;
  --azulado: #231d48;
}

Tailwind CSS v4

/* Master Key to Azulado — https://swatchly.xyz/palette/decb8e-9593c9-6575e1-65551f-231d48 */
@theme {
  --color-master-key: #decb8e;
  --color-master-key-50: #fffbed;
  --color-master-key-100: #fdf3d0;
  --color-master-key-200: #ede0b7;
  --color-master-key-300: #decb8e;
  --color-master-key-400: #bba972;
  --color-master-key-500: #9e8c51;
  --color-master-key-600: #816f35;
  --color-master-key-700: #675720;
  --color-master-key-800: #514310;
  --color-master-key-900: #3e3206;
  --color-master-key-950: #271e02;
  --color-easter-egg: #9593c9;
  --color-easter-egg-50: #f1f1ff;
  --color-easter-egg-100: #e4e4ff;
  --color-easter-egg-200: #cecdf9;
  --color-easter-egg-300: #b6b4e6;
  --color-easter-egg-400: #9593c9;
  --color-easter-egg-500: #7b79ad;
  --color-easter-egg-600: #636091;
  --color-easter-egg-700: #4e4c78;
  --color-easter-egg-800: #3d3b61;
  --color-easter-egg-900: #2f2d4e;
  --color-easter-egg-950: #1d1c34;
  --color-pan-purple: #6575e1;
  --color-pan-purple-50: #f1f4ff;
  --color-pan-purple-100: #e2e8ff;
  --color-pan-purple-200: #c7d2ff;
  --color-pan-purple-300: #a9b9ff;
  --color-pan-purple-400: #8093fe;
  --color-pan-purple-500: #6575e1;
  --color-pan-purple-600: #4e5bc1;
  --color-pan-purple-700: #3c45a2;
  --color-pan-purple-800: #2d3486;
  --color-pan-purple-900: #22276c;
  --color-pan-purple-950: #131749;
  --color-reptile-revenge: #65551f;
  --color-reptile-revenge-50: #fff5d7;
  --color-reptile-revenge-100: #f6ebc9;
  --color-reptile-revenge-200: #e4d7af;
  --color-reptile-revenge-300: #d0c192;
  --color-reptile-revenge-400: #b2a16e;
  --color-reptile-revenge-500: #978651;
  --color-reptile-revenge-600: #7c6c38;
  --color-reptile-revenge-700: #65551f;
  --color-reptile-revenge-800: #4f4216;
  --color-reptile-revenge-900: #3e320c;
  --color-reptile-revenge-950: #271f04;
  --color-azulado: #231d48;
  --color-azulado-50: #f4f4ff;
  --color-azulado-100: #e9e9ff;
  --color-azulado-200: #d4d3fc;
  --color-azulado-300: #bdbbea;
  --color-azulado-400: #9d9bce;
  --color-azulado-500: #8381b4;
  --color-azulado-600: #6a6799;
  --color-azulado-700: #55527f;
  --color-azulado-800: #444169;
  --color-azulado-900: #353355;
  --color-azulado-950: #231d48;
}