Your Majesty to Polished Pearl color palette

614873Your Majesty A5C2D8Metal Gear 6895CAWinter Lake 4A3B07Avocado Stone FAEED3Polished Pearl

About this palette

Your Majesty to Polished Pearl is a 5-color cool, vintage palette: #614873 (Your Majesty), #A5C2D8 (Metal Gear), #6895CA (Winter Lake), #4A3B07 (Avocado Stone), #FAEED3 (Polished Pearl). It mixes purple, blue, brown, white tones and feels cool overall. The strongest text pairing is #4A3B07 on #FAEED3 with a contrast ratio of 9.50:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Your Majesty	rgb(97, 72, 115)	hsl(275, 23%, 37%)
Metal Gear	rgb(165, 194, 216)	hsl(206, 40%, 75%)
Winter Lake	rgb(104, 149, 202)	hsl(212, 48%, 60%)
Avocado Stone	rgb(74, 59, 7)	hsl(47, 83%, 16%)
Polished Pearl	rgb(250, 238, 211)	hsl(42, 80%, 90%)

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.50:1 Very good#4A3B07 on #FAEED3
Aa9.50:1 Very good#FAEED3 on #4A3B07
Aa6.80:1 Good#614873 on #FAEED3
Aa6.80:1 Good#FAEED3 on #614873
Aa5.89:1 Good#A5C2D8 on #4A3B07
Aa5.89:1 Good#4A3B07 on #A5C2D8
Aa4.22:1 Poor#614873 on #A5C2D8
Aa4.22:1 Poor#A5C2D8 on #614873

Color blindness preview

CSS variables

/* Your Majesty to Polished Pearl — https://swatchly.xyz/palette/614873-a5c2d8-6895ca-4a3b07-faeed3 */
:root {
  --your-majesty: #614873;
  --metal-gear: #a5c2d8;
  --winter-lake: #6895ca;
  --avocado-stone: #4a3b07;
  --polished-pearl: #faeed3;
}

Tailwind CSS v4

/* Your Majesty to Polished Pearl — https://swatchly.xyz/palette/614873-a5c2d8-6895ca-4a3b07-faeed3 */
@theme {
  --color-your-majesty: #614873;
  --color-your-majesty-50: #f9f2ff;
  --color-your-majesty-100: #f3e5ff;
  --color-your-majesty-200: #e3cef3;
  --color-your-majesty-300: #cdb6e0;
  --color-your-majesty-400: #af95c3;
  --color-your-majesty-500: #9379a7;
  --color-your-majesty-600: #785f8b;
  --color-your-majesty-700: #614873;
  --color-your-majesty-800: #4c385a;
  --color-your-majesty-900: #3b2a47;
  --color-your-majesty-950: #25192e;
  --color-metal-gear: #a5c2d8;
  --color-metal-gear-50: #e9f5ff;
  --color-metal-gear-100: #d9ecfa;
  --color-metal-gear-200: #c2d8e9;
  --color-metal-gear-300: #a5c2d8;
  --color-metal-gear-400: #88a3b7;
  --color-metal-gear-500: #6d889d;
  --color-metal-gear-600: #546e81;
  --color-metal-gear-700: #405869;
  --color-metal-gear-800: #304554;
  --color-metal-gear-900: #233542;
  --color-metal-gear-950: #14212a;
  --color-winter-lake: #6895ca;
  --color-winter-lake-50: #f2f8ff;
  --color-winter-lake-100: #e5f1ff;
  --color-winter-lake-200: #c7e1ff;
  --color-winter-lake-300: #a6cdfa;
  --color-winter-lake-400: #84afe2;
  --color-winter-lake-500: #6895ca;
  --color-winter-lake-600: #4c78ab;
  --color-winter-lake-700: #365e8d;
  --color-winter-lake-800: #254972;
  --color-winter-lake-900: #19375a;
  --color-winter-lake-950: #0b213a;
  --color-avocado-stone: #4a3b07;
  --color-avocado-stone-50: #fef5d9;
  --color-avocado-stone-100: #f5ebcc;
  --color-avocado-stone-200: #e4d7b2;
  --color-avocado-stone-300: #cebf95;
  --color-avocado-stone-400: #ae9e6f;
  --color-avocado-stone-500: #928252;
  --color-avocado-stone-600: #766639;
  --color-avocado-stone-700: #5d4f25;
  --color-avocado-stone-800: #4a3b07;
  --color-avocado-stone-900: #372d0e;
  --color-avocado-stone-950: #221b06;
  --color-polished-pearl: #faeed3;
  --color-polished-pearl-50: #fef8ea;
  --color-polished-pearl-100: #faeed3;
  --color-polished-pearl-200: #e2dac7;
  --color-polished-pearl-300: #ccc3ad;
  --color-polished-pearl-400: #ada28a;
  --color-polished-pearl-500: #91866e;
  --color-polished-pearl-600: #766b54;
  --color-polished-pearl-700: #5e543f;
  --color-polished-pearl-800: #4a412f;
  --color-polished-pearl-900: #393222;
  --color-polished-pearl-950: #241f13;
}