Haunted Candelabra to The Weight of Gold color palette

54436EHaunted Candelabra 6C6123Himalaya 5C82B5Fisher King 82A9D2Windfall D2BB62The Weight of Gold

About this palette

Haunted Candelabra to The Weight of Gold is a 5-color cool, vintage palette: #54436E (Haunted Candelabra), #6C6123 (Himalaya), #5C82B5 (Fisher King), #82A9D2 (Windfall), #D2BB62 (The Weight of Gold). It mixes purple, brown, blue, yellow tones and feels cool overall. The strongest text pairing is #54436E on #D2BB62 with a contrast ratio of 4.58:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Haunted Candelabra	rgb(84, 67, 110)	hsl(264, 24%, 35%)
Himalaya	rgb(108, 97, 35)	hsl(51, 51%, 28%)
Fisher King	rgb(92, 130, 181)	hsl(214, 38%, 54%)
Windfall	rgb(130, 169, 210)	hsl(211, 47%, 67%)
The Weight of Gold	rgb(210, 187, 98)	hsl(48, 55%, 60%)

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.

Aa4.58:1 Good#54436E on #D2BB62
Aa4.58:1 Good#D2BB62 on #54436E
Aa3.56:1 Poor#54436E on #82A9D2
Aa3.56:1 Poor#82A9D2 on #54436E
Aa3.27:1 Poor#6C6123 on #D2BB62
Aa3.27:1 Poor#D2BB62 on #6C6123

Color blindness preview

CSS variables

/* Haunted Candelabra to The Weight of Gold — https://swatchly.xyz/palette/54436e-6c6123-5c82b5-82a9d2-d2bb62 */
:root {
  --haunted-candelabra: #54436e;
  --himalaya: #6c6123;
  --fisher-king: #5c82b5;
  --windfall: #82a9d2;
  --the-weight-of-gold: #d2bb62;
}

Tailwind CSS v4

/* Haunted Candelabra to The Weight of Gold — https://swatchly.xyz/palette/54436e-6c6123-5c82b5-82a9d2-d2bb62 */
@theme {
  --color-haunted-candelabra: #54436e;
  --color-haunted-candelabra-50: #f7f3ff;
  --color-haunted-candelabra-100: #efe6ff;
  --color-haunted-candelabra-200: #dccef5;
  --color-haunted-candelabra-300: #c5b5e0;
  --color-haunted-candelabra-400: #a493c2;
  --color-haunted-candelabra-500: #8876a5;
  --color-haunted-candelabra-600: #6c5b86;
  --color-haunted-candelabra-700: #54436e;
  --color-haunted-candelabra-800: #413455;
  --color-haunted-candelabra-900: #322743;
  --color-haunted-candelabra-950: #1f172b;
  --color-himalaya: #6c6123;
  --color-himalaya-50: #fcf6d4;
  --color-himalaya-100: #f1eac3;
  --color-himalaya-200: #ddd5a5;
  --color-himalaya-300: #c6bc86;
  --color-himalaya-400: #a59b5f;
  --color-himalaya-500: #887d40;
  --color-himalaya-600: #6c6123;
  --color-himalaya-700: #564d16;
  --color-himalaya-800: #443c0b;
  --color-himalaya-900: #352e04;
  --color-himalaya-950: #211c01;
  --color-fisher-king: #5c82b5;
  --color-fisher-king-50: #edf5ff;
  --color-fisher-king-100: #dbeaff;
  --color-fisher-king-200: #b9d7ff;
  --color-fisher-king-300: #9cbfef;
  --color-fisher-king-400: #799fd2;
  --color-fisher-king-500: #5c82b5;
  --color-fisher-king-600: #446898;
  --color-fisher-king-700: #32537e;
  --color-fisher-king-800: #244066;
  --color-fisher-king-900: #193251;
  --color-fisher-king-950: #0d1f36;
  --color-windfall: #82a9d2;
  --color-windfall-50: #f0f7ff;
  --color-windfall-100: #e0efff;
  --color-windfall-200: #c0ddfd;
  --color-windfall-300: #a6c8eb;
  --color-windfall-400: #82a9d2;
  --color-windfall-500: #678db4;
  --color-windfall-600: #4d7197;
  --color-windfall-700: #385a7c;
  --color-windfall-800: #284663;
  --color-windfall-900: #1c354e;
  --color-windfall-950: #0f2032;
  --color-the-weight-of-gold: #d2bb62;
  --color-the-weight-of-gold-50: #fff3c4;
  --color-the-weight-of-gold-100: #f6e8b1;
  --color-the-weight-of-gold-200: #e4d391;
  --color-the-weight-of-gold-300: #d2bb62;
  --color-the-weight-of-gold-400: #b29c46;
  --color-the-weight-of-gold-500: #988223;
  --color-the-weight-of-gold-600: #7d6800;
  --color-the-weight-of-gold-700: #645200;
  --color-the-weight-of-gold-800: #4f4100;
  --color-the-weight-of-gold-900: #3d3200;
  --color-the-weight-of-gold-950: #271f00;
}