Nirvana to Majorelle Gardens Color Palette

About this palette

Nirvana to Majorelle Gardens is a 5-color muted, vintage palette: #A38998 (Nirvana), #543641 (Vibrant Vine), #B7C3E8 (Stardust Evening), #251F16 (Burnt Coffee), #437660 (Majorelle Gardens). It mixes pink, red, blue, gray, green tones and feels balanced overall. The strongest text pairing is #B7C3E8 on #251F16 with a contrast ratio of 9.32:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Nirvana	rgb(163, 137, 152)	hsl(325, 12%, 59%)
Vibrant Vine	rgb(84, 54, 65)	hsl(338, 22%, 27%)
Stardust Evening	rgb(183, 195, 232)	hsl(225, 52%, 81%)
Burnt Coffee	rgb(37, 31, 22)	hsl(36, 25%, 12%)
Majorelle Gardens	rgb(67, 118, 96)	hsl(154, 28%, 36%)

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.32:1 Very good#B7C3E8 on #251F16
Aa9.32:1 Very good#251F16 on #B7C3E8
Aa6.05:1 Good#543641 on #B7C3E8
Aa6.05:1 Good#B7C3E8 on #543641
Aa5.12:1 Good#A38998 on #251F16
Aa5.12:1 Good#251F16 on #A38998
Aa3.33:1 Poor#A38998 on #543641
Aa3.33:1 Poor#543641 on #A38998

Color blindness preview

CSS variables

/* Nirvana to Majorelle Gardens — https://swatchly.xyz/palette/a38998-543641-b7c3e8-251f16-437660 */
:root {
  --nirvana: #a38998;
  --vibrant-vine: #543641;
  --stardust-evening: #b7c3e8;
  --burnt-coffee: #251f16;
  --majorelle-gardens: #437660;
}

Tailwind CSS v4

/* Nirvana to Majorelle Gardens — https://swatchly.xyz/palette/a38998-543641-b7c3e8-251f16-437660 */
@theme {
  --color-nirvana: #a38998;
  --color-nirvana-50: #fff3fa;
  --color-nirvana-100: #fbeaf3;
  --color-nirvana-200: #ebd7e2;
  --color-nirvana-300: #d8c2cf;
  --color-nirvana-400: #bca3b1;
  --color-nirvana-500: #a38998;
  --color-nirvana-600: #856d7b;
  --color-nirvana-700: #6b5562;
  --color-nirvana-800: #54414c;
  --color-nirvana-900: #41303a;
  --color-nirvana-950: #281d24;
  --color-vibrant-vine: #543641;
  --color-vibrant-vine-50: #fff1f5;
  --color-vibrant-vine-100: #fce4ec;
  --color-vibrant-vine-200: #ebcfd8;
  --color-vibrant-vine-300: #d7b7c1;
  --color-vibrant-vine-400: #b896a1;
  --color-vibrant-vine-500: #9c7a86;
  --color-vibrant-vine-600: #80606b;
  --color-vibrant-vine-700: #674a54;
  --color-vibrant-vine-800: #543641;
  --color-vibrant-vine-900: #3f2a32;
  --color-vibrant-vine-950: #28191e;
  --color-stardust-evening: #b7c3e8;
  --color-stardust-evening-50: #f4f7ff;
  --color-stardust-evening-100: #e7edff;
  --color-stardust-evening-200: #d0daf5;
  --color-stardust-evening-300: #b7c3e8;
  --color-stardust-evening-400: #98a3c5;
  --color-stardust-evening-500: #7c87a9;
  --color-stardust-evening-600: #626c8d;
  --color-stardust-evening-700: #4c5572;
  --color-stardust-evening-800: #3a425b;
  --color-stardust-evening-900: #2b3247;
  --color-stardust-evening-950: #1a1e2e;
  --color-burnt-coffee: #251f16;
  --color-burnt-coffee-50: #f9f4ee;
  --color-burnt-coffee-100: #efeae3;
  --color-burnt-coffee-200: #ddd7ce;
  --color-burnt-coffee-300: #c7c0b6;
  --color-burnt-coffee-400: #a8a095;
  --color-burnt-coffee-500: #8d857a;
  --color-burnt-coffee-600: #726b60;
  --color-burnt-coffee-700: #5b554b;
  --color-burnt-coffee-800: #48423a;
  --color-burnt-coffee-900: #38332c;
  --color-burnt-coffee-950: #251f16;
  --color-majorelle-gardens: #437660;
  --color-majorelle-gardens-50: #e0fdef;
  --color-majorelle-gardens-100: #d3f4e4;
  --color-majorelle-gardens-200: #bae2ce;
  --color-majorelle-gardens-300: #9fccb6;
  --color-majorelle-gardens-400: #7bad96;
  --color-majorelle-gardens-500: #5e917a;
  --color-majorelle-gardens-600: #437660;
  --color-majorelle-gardens-700: #305e4b;
  --color-majorelle-gardens-800: #224a3a;
  --color-majorelle-gardens-900: #173a2c;
  --color-majorelle-gardens-950: #0b241a;
}