Dreamy Candy Forest to Your Majesty color palette

AD8DE1Dreamy Candy Forest 367F75Pearl Green 00403ARich Black FAC79FShrimp Toast 584C6CYour Majesty

About this palette

Dreamy Candy Forest to Your Majesty is a 5-color cool palette: #AD8DE1 (Dreamy Candy Forest), #367F75 (Pearl Green), #00403A (Rich Black), #FAC79F (Shrimp Toast), #584C6C (Your Majesty). It mixes purple, turquoise, orange tones and feels cool overall. The strongest text pairing is #00403A on #FAC79F with a contrast ratio of 7.65:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Dreamy Candy Forest	rgb(173, 141, 225)	hsl(263, 58%, 72%)
Pearl Green	rgb(54, 127, 117)	hsl(172, 40%, 35%)
Rich Black	rgb(0, 64, 58)	hsl(174, 100%, 13%)
Shrimp Toast	rgb(250, 199, 159)	hsl(26, 90%, 80%)
Your Majesty	rgb(88, 76, 108)	hsl(262, 17%, 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.

Aa7.65:1 Very good#00403A on #FAC79F
Aa7.65:1 Very good#FAC79F on #00403A
Aa5.15:1 Good#FAC79F on #584C6C
Aa5.15:1 Good#584C6C on #FAC79F
Aa4.28:1 Poor#AD8DE1 on #00403A
Aa4.28:1 Poor#00403A on #AD8DE1
Aa3.09:1 Poor#367F75 on #FAC79F
Aa3.09:1 Poor#FAC79F on #367F75

Color blindness preview

CSS variables

/* Dreamy Candy Forest to Your Majesty — https://swatchly.xyz/palette/ad8de1-367f75-00403a-fac79f-584c6c */
:root {
  --dreamy-candy-forest: #ad8de1;
  --pearl-green: #367f75;
  --rich-black: #00403a;
  --shrimp-toast: #fac79f;
  --your-majesty: #584c6c;
}

Tailwind CSS v4

/* Dreamy Candy Forest to Your Majesty — https://swatchly.xyz/palette/ad8de1-367f75-00403a-fac79f-584c6c */
@theme {
  --color-dreamy-candy-forest: #ad8de1;
  --color-dreamy-candy-forest-50: #f6f2ff;
  --color-dreamy-candy-forest-100: #eee5ff;
  --color-dreamy-candy-forest-200: #deccff;
  --color-dreamy-candy-forest-300: #cbb0fa;
  --color-dreamy-candy-forest-400: #ad8de1;
  --color-dreamy-candy-forest-500: #9272c3;
  --color-dreamy-candy-forest-600: #7758a6;
  --color-dreamy-candy-forest-700: #604389;
  --color-dreamy-candy-forest-800: #4c3270;
  --color-dreamy-candy-forest-900: #3b2559;
  --color-dreamy-candy-forest-950: #25153b;
  --color-pearl-green: #367f75;
  --color-pearl-green-50: #d8fff8;
  --color-pearl-green-100: #ccf7ef;
  --color-pearl-green-200: #b2e6dd;
  --color-pearl-green-300: #96d1c8;
  --color-pearl-green-400: #70b4a9;
  --color-pearl-green-500: #52998f;
  --color-pearl-green-600: #367f75;
  --color-pearl-green-700: #20665d;
  --color-pearl-green-800: #0f5049;
  --color-pearl-green-900: #043e38;
  --color-pearl-green-950: #002723;
  --color-rich-black: #00403a;
  --color-rich-black-50: #defdf8;
  --color-rich-black-100: #d1f4ee;
  --color-rich-black-200: #b8e1db;
  --color-rich-black-300: #9dccc5;
  --color-rich-black-400: #7aaea6;
  --color-rich-black-500: #5d938c;
  --color-rich-black-600: #447972;
  --color-rich-black-700: #30625b;
  --color-rich-black-800: #214e49;
  --color-rich-black-900: #00403a;
  --color-rich-black-950: #0a2724;
  --color-shrimp-toast: #fac79f;
  --color-shrimp-toast-50: #ffeee2;
  --color-shrimp-toast-100: #ffe1c9;
  --color-shrimp-toast-200: #fac79f;
  --color-shrimp-toast-300: #dfb391;
  --color-shrimp-toast-400: #c2936e;
  --color-shrimp-toast-500: #a77953;
  --color-shrimp-toast-600: #8b5f3b;
  --color-shrimp-toast-700: #724a29;
  --color-shrimp-toast-800: #5c391b;
  --color-shrimp-toast-900: #482b11;
  --color-shrimp-toast-950: #2f1a07;
  --color-your-majesty: #584c6c;
  --color-your-majesty-50: #f7f3ff;
  --color-your-majesty-100: #efe6fe;
  --color-your-majesty-200: #dbd1ee;
  --color-your-majesty-300: #c5bada;
  --color-your-majesty-400: #a699bc;
  --color-your-majesty-500: #8a7da0;
  --color-your-majesty-600: #6f6384;
  --color-your-majesty-700: #584c6c;
  --color-your-majesty-800: #453b54;
  --color-your-majesty-900: #352d42;
  --color-your-majesty-950: #211b2a;
}