Decadial Pink to Your Majesty color palette

DAC9E0Decadial Pink 738D73Toad F2FCEDHoneydew 89AF93Beau Monde 453545Royal Decree 654A67Your Majesty

Open in generator Export PNG, PDF, ASE…

About this palette

Decadial Pink to Your Majesty is a 6-color muted, cool palette: #DAC9E0 (Decadial Pink), #738D73 (Toad), #F2FCED (Honeydew), #89AF93 (Beau Monde), #453545 (Royal Decree), #654A67 (Your Majesty). It mixes purple, green, white, gray tones and feels cool overall. The strongest text pairing is #F2FCED on #453545 with a contrast ratio of 10.78:1, and 5 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Decadial Pink	rgb(218, 201, 224)	hsl(284, 27%, 83%)
Toad	rgb(115, 141, 115)	hsl(120, 10%, 50%)
Honeydew	rgb(242, 252, 237)	hsl(100, 71%, 96%)
Beau Monde	rgb(137, 175, 147)	hsl(136, 19%, 61%)
Royal Decree	rgb(69, 53, 69)	hsl(300, 13%, 24%)
Your Majesty	rgb(101, 74, 103)	hsl(296, 16%, 35%)

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.

Aa10.78:1 Very good#F2FCED on #453545
Aa10.78:1 Very good#453545 on #F2FCED
Aa7.30:1 Very good#F2FCED on #654A67
Aa7.30:1 Very good#654A67 on #F2FCED
Aa7.26:1 Very good#DAC9E0 on #453545
Aa7.26:1 Very good#453545 on #DAC9E0
Aa4.92:1 Good#DAC9E0 on #654A67
Aa4.92:1 Good#654A67 on #DAC9E0

Color blindness preview

CSS variables

/* Decadial Pink to Your Majesty — https://swatchly.xyz/palette/dac9e0-738d73-f2fced-89af93-453545-654a67 */
:root {
  --decadial-pink: #dac9e0;
  --toad: #738d73;
  --honeydew: #f2fced;
  --beau-monde: #89af93;
  --royal-decree: #453545;
  --your-majesty: #654a67;
}

Tailwind CSS v4

/* Decadial Pink to Your Majesty — https://swatchly.xyz/palette/dac9e0-738d73-f2fced-89af93-453545-654a67 */
@theme {
  --color-decadial-pink: #dac9e0;
  --color-decadial-pink-50: #f6ecfa;
  --color-decadial-pink-100: #ece0f0;
  --color-decadial-pink-200: #dac9e0;
  --color-decadial-pink-300: #c3b5c9;
  --color-decadial-pink-400: #a696ab;
  --color-decadial-pink-500: #8c7c91;
  --color-decadial-pink-600: #726377;
  --color-decadial-pink-700: #5c4f61;
  --color-decadial-pink-800: #493d4d;
  --color-decadial-pink-900: #392f3c;
  --color-decadial-pink-950: #231c26;
  --color-toad: #738d73;
  --color-toad-50: #eafaea;
  --color-toad-100: #dff0df;
  --color-toad-200: #c9dec8;
  --color-toad-300: #b0c8b0;
  --color-toad-400: #8fa98f;
  --color-toad-500: #738d73;
  --color-toad-600: #5a725a;
  --color-toad-700: #455b45;
  --color-toad-800: #344834;
  --color-toad-900: #273727;
  --color-toad-950: #172317;
  --color-honeydew: #f2fced;
  --color-honeydew-50: #f2fced;
  --color-honeydew-100: #eaf0e7;
  --color-honeydew-200: #d5dcd1;
  --color-honeydew-300: #bdc5b9;
  --color-honeydew-400: #9da698;
  --color-honeydew-500: #818a7c;
  --color-honeydew-600: #666f62;
  --color-honeydew-700: #50584d;
  --color-honeydew-800: #3e453b;
  --color-honeydew-900: #2f352c;
  --color-honeydew-950: #1d211b;
  --color-beau-monde: #89af93;
  --color-beau-monde-50: #e7fdec;
  --color-beau-monde-100: #dcf4e2;
  --color-beau-monde-200: #c5e2cc;
  --color-beau-monde-300: #accdb4;
  --color-beau-monde-400: #89af93;
  --color-beau-monde-500: #6e9378;
  --color-beau-monde-600: #54775e;
  --color-beau-monde-700: #3f5f48;
  --color-beau-monde-800: #2e4b37;
  --color-beau-monde-900: #213a29;
  --color-beau-monde-950: #122418;
  --color-royal-decree: #453545;
  --color-royal-decree-50: #fcf1fc;
  --color-royal-decree-100: #f3e6f3;
  --color-royal-decree-200: #e1d2e1;
  --color-royal-decree-300: #cab9ca;
  --color-royal-decree-400: #aa98aa;
  --color-royal-decree-500: #8e7b8d;
  --color-royal-decree-600: #716071;
  --color-royal-decree-700: #584958;
  --color-royal-decree-800: #453545;
  --color-royal-decree-900: #342934;
  --color-royal-decree-950: #201820;
  --color-your-majesty: #654a67;
  --color-your-majesty-50: #fef0ff;
  --color-your-majesty-100: #f8e4f9;
  --color-your-majesty-200: #e6cee8;
  --color-your-majesty-300: #d1b7d3;
  --color-your-majesty-400: #b396b5;
  --color-your-majesty-500: #987a9a;
  --color-your-majesty-600: #7c617e;
  --color-your-majesty-700: #654a67;
  --color-your-majesty-800: #4f3951;
  --color-your-majesty-900: #3d2b3f;
  --color-your-majesty-950: #271a28;
}