Deep Green to Pinkling Color Palette

About this palette

Deep Green to Pinkling is a 4-color cool palette: #005B1C (Deep Green), #4181C4 (King Triton), #FFDDB5 (Pandora’s Box), #E685FF (Pinkling). It mixes green, blue, orange, purple tones and feels cool overall. The strongest text pairing is #005B1C on #FFDDB5 with a contrast ratio of 6.47:1, and 1 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Deep Green	rgb(0, 91, 28)	hsl(138, 100%, 18%)
King Triton	rgb(65, 129, 196)	hsl(211, 53%, 51%)
Pandora’s Box	rgb(255, 221, 181)	hsl(32, 100%, 85%)
Pinkling	rgb(230, 133, 255)	hsl(288, 100%, 76%)

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.

Aa6.47:1 Good#005B1C on #FFDDB5
Aa6.47:1 Good#FFDDB5 on #005B1C
Aa3.65:1 Poor#005B1C on #E685FF
Aa3.65:1 Poor#E685FF on #005B1C
Aa3.15:1 Poor#4181C4 on #FFDDB5
Aa3.15:1 Poor#FFDDB5 on #4181C4

Color blindness preview

CSS variables

/* Deep Green to Pinkling — https://swatchly.xyz/palette/005b1c-4181c4-ffddb5-e685ff */
:root {
  --deep-green: #005b1c;
  --king-triton: #4181c4;
  --pandora-s-box: #ffddb5;
  --pinkling: #e685ff;
}

Tailwind CSS v4

/* Deep Green to Pinkling — https://swatchly.xyz/palette/005b1c-4181c4-ffddb5-e685ff */
@theme {
  --color-deep-green: #005b1c;
  --color-deep-green-50: #e0ffe2;
  --color-deep-green-100: #cbface;
  --color-deep-green-200: #b0e8b5;
  --color-deep-green-300: #95d59b;
  --color-deep-green-400: #71b878;
  --color-deep-green-500: #539e5d;
  --color-deep-green-600: #398445;
  --color-deep-green-700: #256d32;
  --color-deep-green-800: #005b1c;
  --color-deep-green-900: #084617;
  --color-deep-green-950: #012d0b;
  --color-king-triton: #4181c4;
  --color-king-triton-50: #ecf5ff;
  --color-king-triton-100: #d8eaff;
  --color-king-triton-200: #b3d7ff;
  --color-king-triton-300: #87c0fe;
  --color-king-triton-400: #609ee2;
  --color-king-triton-500: #4181c4;
  --color-king-triton-600: #2967a6;
  --color-king-triton-700: #17528a;
  --color-king-triton-800: #094071;
  --color-king-triton-900: #03315b;
  --color-king-triton-950: #001f3d;
  --color-pandora-s-box: #ffddb5;
  --color-pandora-s-box-50: #ffebd4;
  --color-pandora-s-box-100: #ffddb5;
  --color-pandora-s-box-200: #e6ccae;
  --color-pandora-s-box-300: #d3b695;
  --color-pandora-s-box-400: #b79873;
  --color-pandora-s-box-500: #9c7e58;
  --color-pandora-s-box-600: #826541;
  --color-pandora-s-box-700: #6a502f;
  --color-pandora-s-box-800: #543d20;
  --color-pandora-s-box-900: #422f16;
  --color-pandora-s-box-950: #2a1c0a;
  --color-pinkling: #e685ff;
  --color-pinkling-50: #fae6ff;
  --color-pinkling-100: #f6d3ff;
  --color-pinkling-200: #efb1ff;
  --color-pinkling-300: #e685ff;
  --color-pinkling-400: #c669de;
  --color-pinkling-500: #ac4dc4;
  --color-pinkling-600: #9135a7;
  --color-pinkling-700: #78218c;
  --color-pinkling-800: #621374;
  --color-pinkling-900: #50095f;
  --color-pinkling-950: #34023f;
}