Creamy Mint to Minotaur Hide color palette

AFFEB0Creamy Mint 5AB4FFHello Summer 598A44The Legend of Green 7A393AWild Berry 471C1BMinotaur Hide

About this palette

Creamy Mint to Minotaur Hide is a 5-color cool, earthy palette: #AFFEB0 (Creamy Mint), #5AB4FF (Hello Summer), #598A44 (The Legend of Green), #7A393A (Wild Berry), #471C1B (Minotaur Hide). It mixes green, blue, red, brown tones and feels cool overall. The strongest text pairing is #AFFEB0 on #471C1B with a contrast ratio of 12.16:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Creamy Mint	rgb(175, 254, 176)	hsl(121, 98%, 84%)
Hello Summer	rgb(90, 180, 255)	hsl(207, 100%, 68%)
The Legend of Green	rgb(89, 138, 68)	hsl(102, 34%, 40%)
Wild Berry	rgb(122, 57, 58)	hsl(359, 36%, 35%)
Minotaur Hide	rgb(71, 28, 27)	hsl(1, 45%, 19%)

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.

Aa12.16:1 Super#AFFEB0 on #471C1B
Aa12.16:1 Super#471C1B on #AFFEB0
Aa7.13:1 Very good#AFFEB0 on #7A393A
Aa7.13:1 Very good#7A393A on #AFFEB0
Aa6.49:1 Good#5AB4FF on #471C1B
Aa6.49:1 Good#471C1B on #5AB4FF
Aa3.80:1 Poor#5AB4FF on #7A393A
Aa3.80:1 Poor#7A393A on #5AB4FF

Color blindness preview

CSS variables

/* Creamy Mint to Minotaur Hide — https://swatchly.xyz/palette/affeb0-5ab4ff-598a44-7a393a-471c1b */
:root {
  --creamy-mint: #affeb0;
  --hello-summer: #5ab4ff;
  --the-legend-of-green: #598a44;
  --wild-berry: #7a393a;
  --minotaur-hide: #471c1b;
}

Tailwind CSS v4

/* Creamy Mint to Minotaur Hide — https://swatchly.xyz/palette/affeb0-5ab4ff-598a44-7a393a-471c1b */
@theme {
  --color-creamy-mint: #affeb0;
  --color-creamy-mint-50: #d4ffd4;
  --color-creamy-mint-100: #affeb0;
  --color-creamy-mint-200: #abe6ab;
  --color-creamy-mint-300: #8fd190;
  --color-creamy-mint-400: #6bb46d;
  --color-creamy-mint-500: #4d9951;
  --color-creamy-mint-600: #337e38;
  --color-creamy-mint-700: #1e6625;
  --color-creamy-mint-800: #0f5017;
  --color-creamy-mint-900: #053f0d;
  --color-creamy-mint-950: #012805;
  --color-hello-summer: #5ab4ff;
  --color-hello-summer-50: #f4faff;
  --color-hello-summer-100: #e6f3ff;
  --color-hello-summer-200: #c6e3ff;
  --color-hello-summer-300: #9dd1ff;
  --color-hello-summer-400: #5ab4ff;
  --color-hello-summer-500: #3a95de;
  --color-hello-summer-600: #1178be;
  --color-hello-summer-700: #005e99;
  --color-hello-summer-800: #004978;
  --color-hello-summer-900: #00375d;
  --color-hello-summer-950: #00213b;
  --color-the-legend-of-green: #598a44;
  --color-the-legend-of-green-50: #dffed4;
  --color-the-legend-of-green-100: #d0f3c3;
  --color-the-legend-of-green-200: #b6dfa6;
  --color-the-legend-of-green-300: #9ac888;
  --color-the-legend-of-green-400: #76a862;
  --color-the-legend-of-green-500: #598a44;
  --color-the-legend-of-green-600: #43712e;
  --color-the-legend-of-green-700: #315a1d;
  --color-the-legend-of-green-800: #244811;
  --color-the-legend-of-green-900: #193809;
  --color-the-legend-of-green-950: #0e2403;
  --color-wild-berry: #7a393a;
  --color-wild-berry-50: #fff1f1;
  --color-wild-berry-100: #ffe4e3;
  --color-wild-berry-200: #ffc6c4;
  --color-wild-berry-300: #edaba9;
  --color-wild-berry-400: #d08887;
  --color-wild-berry-500: #b26b6b;
  --color-wild-berry-600: #935151;
  --color-wild-berry-700: #7a393a;
  --color-wild-berry-800: #5f2c2d;
  --color-wild-berry-900: #4b2021;
  --color-wild-berry-950: #311213;
  --color-minotaur-hide: #471c1b;
  --color-minotaur-hide-50: #fff2f0;
  --color-minotaur-hide-100: #ffe4e2;
  --color-minotaur-hide-200: #f7ccc8;
  --color-minotaur-hide-300: #e4b3b0;
  --color-minotaur-hide-400: #c5918d;
  --color-minotaur-hide-500: #a87470;
  --color-minotaur-hide-600: #895956;
  --color-minotaur-hide-700: #6d4240;
  --color-minotaur-hide-800: #54302e;
  --color-minotaur-hide-900: #471c1b;
  --color-minotaur-hide-950: #271312;
}