Start generating

Nirvana to Professor Plum color palette

A59098Nirvana8B6A79MoonscapeE1DEEBVelvet Scarf615571PlummyC4BAC7Silver Fox3D353DProfessor Plum
Open in generator Export PNG, PDF, ASE…

About this palette

Nirvana to Professor Plum is a 6-color muted palette: #A59098 (Nirvana), #8B6A79 (Moonscape), #E1DEEB (Velvet Scarf), #615571 (Plummy), #C4BAC7 (Silver Fox), #3D353D (Professor Plum). It mixes gray, red, purple tones and feels balanced overall. The strongest text pairing is #E1DEEB on #3D353D with a contrast ratio of 8.93:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Nirvanargb(165, 144, 152)hsl(337, 10%, 61%)
Moonscapergb(139, 106, 121)hsl(333, 13%, 48%)
Velvet Scarfrgb(225, 222, 235)hsl(254, 25%, 90%)
Plummyrgb(97, 85, 113)hsl(266, 14%, 39%)
Silver Foxrgb(196, 186, 199)hsl(286, 10%, 75%)
Professor Plumrgb(61, 53, 61)hsl(300, 7%, 22%)

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.

  • Aa8.93:1 Very good#E1DEEB on #3D353D
  • Aa8.93:1 Very good#3D353D on #E1DEEB
  • Aa6.31:1 Good#C4BAC7 on #3D353D
  • Aa6.31:1 Good#3D353D on #C4BAC7
  • Aa5.20:1 Good#E1DEEB on #615571
  • Aa5.20:1 Good#615571 on #E1DEEB
  • Aa3.97:1 Poor#A59098 on #3D353D
  • Aa3.97:1 Poor#3D353D on #A59098

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Nirvana to Professor Plum — https://swatchly.xyz/palette/a59098-8b6a79-e1deeb-615571-c4bac7-3d353d */
:root {
  --nirvana: #a59098;
  --moonscape: #8b6a79;
  --velvet-scarf: #e1deeb;
  --plummy: #615571;
  --silver-fox: #c4bac7;
  --professor-plum: #3d353d;
}

Tailwind CSS v4

/* Nirvana to Professor Plum — https://swatchly.xyz/palette/a59098-8b6a79-e1deeb-615571-c4bac7-3d353d */
@theme {
  --color-nirvana: #a59098;
  --color-nirvana-50: #faedf2;
  --color-nirvana-100: #f0e1e6;
  --color-nirvana-200: #dccad1;
  --color-nirvana-300: #c5b1b9;
  --color-nirvana-400: #a59098;
  --color-nirvana-500: #8b777f;
  --color-nirvana-600: #725f66;
  --color-nirvana-700: #5c4b52;
  --color-nirvana-800: #493a40;
  --color-nirvana-900: #3a2d32;
  --color-nirvana-950: #251c20;
  --color-moonscape: #8b6a79;
  --color-moonscape-50: #fff1f7;
  --color-moonscape-100: #fde6f0;
  --color-moonscape-200: #edd2de;
  --color-moonscape-300: #dbbcca;
  --color-moonscape-400: #bf9dac;
  --color-moonscape-500: #a58392;
  --color-moonscape-600: #8b6a79;
  --color-moonscape-700: #705360;
  --color-moonscape-800: #593f4b;
  --color-moonscape-900: #452f3a;
  --color-moonscape-950: #2c1c24;
  --color-velvet-scarf: #e1deeb;
  --color-velvet-scarf-50: #fbfaff;
  --color-velvet-scarf-100: #f3f1f9;
  --color-velvet-scarf-200: #e1deeb;
  --color-velvet-scarf-300: #c9c6d1;
  --color-velvet-scarf-400: #a8a5b1;
  --color-velvet-scarf-500: #8b8894;
  --color-velvet-scarf-600: #6f6c78;
  --color-velvet-scarf-700: #57555f;
  --color-velvet-scarf-800: #43414a;
  --color-velvet-scarf-900: #333239;
  --color-velvet-scarf-950: #201e24;
  --color-plummy: #615571;
  --color-plummy-50: #f8f2ff;
  --color-plummy-100: #efe7fb;
  --color-plummy-200: #ddd4ec;
  --color-plummy-300: #c9bdd9;
  --color-plummy-400: #ab9ebc;
  --color-plummy-500: #9184a2;
  --color-plummy-600: #776b87;
  --color-plummy-700: #615571;
  --color-plummy-800: #4c4259;
  --color-plummy-900: #3b3246;
  --color-plummy-950: #251f2d;
  --color-silver-fox: #c4bac7;
  --color-silver-fox-50: #f7f1f9;
  --color-silver-fox-100: #ede7ef;
  --color-silver-fox-200: #dad2dc;
  --color-silver-fox-300: #c4bac7;
  --color-silver-fox-400: #a59ba8;
  --color-silver-fox-500: #8a818d;
  --color-silver-fox-600: #706772;
  --color-silver-fox-700: #59515c;
  --color-silver-fox-800: #463f48;
  --color-silver-fox-900: #363038;
  --color-silver-fox-950: #221d23;
  --color-professor-plum: #3d353d;
  --color-professor-plum-50: #f9f3f9;
  --color-professor-plum-100: #efe9ef;
  --color-professor-plum-200: #dcd5dc;
  --color-professor-plum-300: #c6bec6;
  --color-professor-plum-400: #a89fa8;
  --color-professor-plum-500: #8e858e;
  --color-professor-plum-600: #746b74;
  --color-professor-plum-700: #5e565e;
  --color-professor-plum-800: #4b444b;
  --color-professor-plum-900: #3d353d;
  --color-professor-plum-950: #262226;
}

Similar palettes