Start generating

Barrel Aged to Pink Champagne color palette

906A3BBarrel Aged00556BPlunge004B64Raging ThunderstormB0B0FDWondrous WisteriaAD874CTeakE3E0FFPink Champagne
Open in generator Export PNG, PDF, ASE…

About this palette

Barrel Aged to Pink Champagne is a 6-color cool palette: #906A3B (Barrel Aged), #00556B (Plunge), #004B64 (Raging Thunderstorm), #B0B0FD (Wondrous Wisteria), #AD874C (Teak), #E3E0FF (Pink Champagne). It mixes brown, blue, purple, yellow tones and feels cool overall. The strongest text pairing is #004B64 on #E3E0FF with a contrast ratio of 7.47:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Barrel Agedrgb(144, 106, 59)hsl(33, 42%, 40%)
Plungergb(0, 85, 107)hsl(192, 100%, 21%)
Raging Thunderstormrgb(0, 75, 100)hsl(195, 100%, 20%)
Wondrous Wisteriargb(176, 176, 253)hsl(240, 95%, 84%)
Teakrgb(173, 135, 76)hsl(36, 39%, 49%)
Pink Champagnergb(227, 224, 255)hsl(246, 100%, 94%)

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.47:1 Very good#004B64 on #E3E0FF
  • Aa7.47:1 Very good#E3E0FF on #004B64
  • Aa6.52:1 Good#00556B on #E3E0FF
  • Aa6.52:1 Good#E3E0FF on #00556B
  • Aa4.78:1 Good#004B64 on #B0B0FD
  • Aa4.78:1 Good#B0B0FD on #004B64
  • Aa4.17:1 Poor#00556B on #B0B0FD
  • Aa4.17:1 Poor#B0B0FD on #00556B

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Barrel Aged to Pink Champagne — https://swatchly.xyz/palette/906a3b-00556b-004b64-b0b0fd-ad874c-e3e0ff */
:root {
  --barrel-aged: #906a3b;
  --plunge: #00556b;
  --raging-thunderstorm: #004b64;
  --wondrous-wisteria: #b0b0fd;
  --teak: #ad874c;
  --pink-champagne: #e3e0ff;
}

Tailwind CSS v4

/* Barrel Aged to Pink Champagne — https://swatchly.xyz/palette/906a3b-00556b-004b64-b0b0fd-ad874c-e3e0ff */
@theme {
  --color-barrel-aged: #906a3b;
  --color-barrel-aged-50: #fff3e6;
  --color-barrel-aged-100: #ffe8cf;
  --color-barrel-aged-200: #f3d4b1;
  --color-barrel-aged-300: #e1be95;
  --color-barrel-aged-400: #c59e71;
  --color-barrel-aged-500: #ab8455;
  --color-barrel-aged-600: #906a3b;
  --color-barrel-aged-700: #755327;
  --color-barrel-aged-800: #5e3f17;
  --color-barrel-aged-900: #49300d;
  --color-barrel-aged-950: #2f1d04;
  --color-plunge: #00556b;
  --color-plunge-50: #e8f8ff;
  --color-plunge-100: #cff2ff;
  --color-plunge-200: #acdff2;
  --color-plunge-300: #8dc8dd;
  --color-plunge-400: #65a7bf;
  --color-plunge-500: #468aa2;
  --color-plunge-600: #2a6d83;
  --color-plunge-700: #00556b;
  --color-plunge-800: #074253;
  --color-plunge-900: #023341;
  --color-plunge-950: #001f29;
  --color-raging-thunderstorm: #004b64;
  --color-raging-thunderstorm-50: #e9f8ff;
  --color-raging-thunderstorm-100: #d3f1ff;
  --color-raging-thunderstorm-200: #b2dff5;
  --color-raging-thunderstorm-300: #96cae3;
  --color-raging-thunderstorm-400: #71abc7;
  --color-raging-thunderstorm-500: #5390ac;
  --color-raging-thunderstorm-600: #397590;
  --color-raging-thunderstorm-700: #255e76;
  --color-raging-thunderstorm-800: #004b64;
  --color-raging-thunderstorm-900: #0b394b;
  --color-raging-thunderstorm-950: #032431;
  --color-wondrous-wisteria: #b0b0fd;
  --color-wondrous-wisteria-50: #eff0ff;
  --color-wondrous-wisteria-100: #e2e3ff;
  --color-wondrous-wisteria-200: #caccff;
  --color-wondrous-wisteria-300: #b0b0fd;
  --color-wondrous-wisteria-400: #9392db;
  --color-wondrous-wisteria-500: #7978c0;
  --color-wondrous-wisteria-600: #615fa3;
  --color-wondrous-wisteria-700: #4d4a88;
  --color-wondrous-wisteria-800: #3c396f;
  --color-wondrous-wisteria-900: #2e2c5a;
  --color-wondrous-wisteria-950: #1c1a3b;
  --color-teak: #ad874c;
  --color-teak-50: #fff5e7;
  --color-teak-100: #ffebce;
  --color-teak-200: #f4d7ad;
  --color-teak-300: #e2c190;
  --color-teak-400: #c7a26a;
  --color-teak-500: #ad874c;
  --color-teak-600: #8f6b30;
  --color-teak-700: #75531a;
  --color-teak-800: #5d4009;
  --color-teak-900: #483001;
  --color-teak-950: #2e1c00;
  --color-pink-champagne: #e3e0ff;
  --color-pink-champagne-50: #eeedff;
  --color-pink-champagne-100: #e3e0ff;
  --color-pink-champagne-200: #d1cfe6;
  --color-pink-champagne-300: #bbb9d3;
  --color-pink-champagne-400: #9d9ab6;
  --color-pink-champagne-500: #83809c;
  --color-pink-champagne-600: #6a6781;
  --color-pink-champagne-700: #55526a;
  --color-pink-champagne-800: #423f54;
  --color-pink-champagne-900: #323042;
  --color-pink-champagne-950: #1f1d2a;
}

Similar palettes