Buried Gold to Rich Gold Color Palette

About this palette

Buried Gold to Rich Gold is a 5-color vintage palette: #E4BC4C (Buried Gold), #F4F2FF (Cloud Break), #00546F (Night Kite), #007CAA (Jacuzzi), #A48428 (Rich Gold). It mixes yellow, white, blue tones and feels balanced overall. The strongest text pairing is #F4F2FF on #00546F with a contrast ratio of 7.60:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Buried Gold	rgb(228, 188, 76)	hsl(44, 74%, 60%)
Cloud Break	rgb(244, 242, 255)	hsl(249, 100%, 97%)
Night Kite	rgb(0, 84, 111)	hsl(195, 100%, 22%)
Jacuzzi	rgb(0, 124, 170)	hsl(196, 100%, 33%)
Rich Gold	rgb(164, 132, 40)	hsl(45, 61%, 40%)

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.

Aa7.60:1 Very good#F4F2FF on #00546F
Aa7.60:1 Very good#00546F on #F4F2FF
Aa4.64:1 Good#E4BC4C on #00546F
Aa4.64:1 Good#00546F on #E4BC4C
Aa4.25:1 Poor#F4F2FF on #007CAA
Aa4.25:1 Poor#007CAA on #F4F2FF
Aa3.21:1 Poor#F4F2FF on #A48428
Aa3.21:1 Poor#A48428 on #F4F2FF

Color blindness preview

CSS variables

/* Buried Gold to Rich Gold — https://swatchly.xyz/palette/e4bc4c-f4f2ff-00546f-007caa-a48428 */
:root {
  --buried-gold: #e4bc4c;
  --cloud-break: #f4f2ff;
  --night-kite: #00546f;
  --jacuzzi: #007caa;
  --rich-gold: #a48428;
}

Tailwind CSS v4

/* Buried Gold to Rich Gold — https://swatchly.xyz/palette/e4bc4c-f4f2ff-00546f-007caa-a48428 */
@theme {
  --color-buried-gold: #e4bc4c;
  --color-buried-gold-50: #fff5da;
  --color-buried-gold-100: #ffeab3;
  --color-buried-gold-200: #f2d589;
  --color-buried-gold-300: #e4bc4c;
  --color-buried-gold-400: #c29d2e;
  --color-buried-gold-500: #a58100;
  --color-buried-gold-600: #856800;
  --color-buried-gold-700: #6a5200;
  --color-buried-gold-800: #534000;
  --color-buried-gold-900: #403100;
  --color-buried-gold-950: #291e00;
  --color-cloud-break: #f4f2ff;
  --color-cloud-break-50: #f4f2ff;
  --color-cloud-break-100: #eae9f1;
  --color-cloud-break-200: #d7d5df;
  --color-cloud-break-300: #c0bfc9;
  --color-cloud-break-400: #a19fab;
  --color-cloud-break-500: #868490;
  --color-cloud-break-600: #6c6a75;
  --color-cloud-break-700: #55545e;
  --color-cloud-break-800: #42414a;
  --color-cloud-break-900: #333239;
  --color-cloud-break-950: #1f1e24;
  --color-night-kite: #00546f;
  --color-night-kite-50: #e9f8ff;
  --color-night-kite-100: #d3f1ff;
  --color-night-kite-200: #acdef6;
  --color-night-kite-300: #8dc7e2;
  --color-night-kite-400: #65a6c3;
  --color-night-kite-500: #4589a6;
  --color-night-kite-600: #2a6c87;
  --color-night-kite-700: #00546f;
  --color-night-kite-800: #074156;
  --color-night-kite-900: #023244;
  --color-night-kite-950: #001f2b;
  --color-jacuzzi: #007caa;
  --color-jacuzzi-50: #ebf7ff;
  --color-jacuzzi-100: #d8f1ff;
  --color-jacuzzi-200: #afe2ff;
  --color-jacuzzi-300: #83cff9;
  --color-jacuzzi-400: #58b1df;
  --color-jacuzzi-500: #3396c6;
  --color-jacuzzi-600: #007caa;
  --color-jacuzzi-700: #006288;
  --color-jacuzzi-800: #004d6b;
  --color-jacuzzi-900: #003b53;
  --color-jacuzzi-950: #002536;
  --color-rich-gold: #a48428;
  --color-rich-gold-50: #fff5dc;
  --color-rich-gold-100: #ffeab7;
  --color-rich-gold-200: #efd699;
  --color-rich-gold-300: #dcc078;
  --color-rich-gold-400: #bfa04d;
  --color-rich-gold-500: #a48428;
  --color-rich-gold-600: #876900;
  --color-rich-gold-700: #6c5300;
  --color-rich-gold-800: #544000;
  --color-rich-gold-900: #413100;
  --color-rich-gold-950: #291e00;
}