Start generating

Minty Fresh to Sunken Ship color palette

CDF5EFMinty Fresh92C3BCPastel Turquoise6BA099Emerald Oasis2D7169Deep Pool Teal20453FEverglade082421Sunken Ship
Open in generator Export PNG, PDF, ASE…

About this palette

Minty Fresh to Sunken Ship is a 6-color muted, cool, monochromatic, gradient palette: #CDF5EF (Minty Fresh), #92C3BC (Pastel Turquoise), #6BA099 (Emerald Oasis), #2D7169 (Deep Pool Teal), #20453F (Everglade), #082421 (Sunken Ship). It mixes white, turquoise, gray tones and feels cool overall. The strongest text pairing is #CDF5EF on #082421 with a contrast ratio of 13.94:1, and 6 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Minty Freshrgb(205, 245, 239)hsl(171, 67%, 88%)
Pastel Turquoisergb(146, 195, 188)hsl(171, 29%, 67%)
Emerald Oasisrgb(107, 160, 153)hsl(172, 22%, 52%)
Deep Pool Tealrgb(45, 113, 105)hsl(173, 43%, 31%)
Evergladergb(32, 69, 63)hsl(170, 37%, 20%)
Sunken Shiprgb(8, 36, 33)hsl(174, 64%, 9%)

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.

  • Aa13.94:1 Super#CDF5EF on #082421
  • Aa13.94:1 Super#082421 on #CDF5EF
  • Aa9.02:1 Very good#CDF5EF on #20453F
  • Aa9.02:1 Very good#20453F on #CDF5EF
  • Aa8.37:1 Very good#92C3BC on #082421
  • Aa8.37:1 Very good#082421 on #92C3BC
  • Aa5.54:1 Good#6BA099 on #082421
  • Aa5.54:1 Good#082421 on #6BA099

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Minty Fresh to Sunken Ship — https://swatchly.xyz/palette/cdf5ef-92c3bc-6ba099-2d7169-20453f-082421 */
:root {
  --minty-fresh: #cdf5ef;
  --pastel-turquoise: #92c3bc;
  --emerald-oasis: #6ba099;
  --deep-pool-teal: #2d7169;
  --everglade: #20453f;
  --sunken-ship: #082421;
}

Tailwind CSS v4

/* Minty Fresh to Sunken Ship — https://swatchly.xyz/palette/cdf5ef-92c3bc-6ba099-2d7169-20453f-082421 */
@theme {
  --color-minty-fresh: #cdf5ef;
  --color-minty-fresh-50: #e5fbf7;
  --color-minty-fresh-100: #cdf5ef;
  --color-minty-fresh-200: #c2dfda;
  --color-minty-fresh-300: #a8c9c4;
  --color-minty-fresh-400: #86aaa5;
  --color-minty-fresh-500: #6a8f8a;
  --color-minty-fresh-600: #50746f;
  --color-minty-fresh-700: #3c5d58;
  --color-minty-fresh-800: #2c4945;
  --color-minty-fresh-900: #203835;
  --color-minty-fresh-950: #112321;
  --color-pastel-turquoise: #92c3bc;
  --color-pastel-turquoise-50: #dbf7f3;
  --color-pastel-turquoise-100: #ccede8;
  --color-pastel-turquoise-200: #b2d9d3;
  --color-pastel-turquoise-300: #92c3bc;
  --color-pastel-turquoise-400: #76a59e;
  --color-pastel-turquoise-500: #5c8b84;
  --color-pastel-turquoise-600: #44716c;
  --color-pastel-turquoise-700: #315b56;
  --color-pastel-turquoise-800: #234944;
  --color-pastel-turquoise-900: #193935;
  --color-pastel-turquoise-950: #0d2421;
  --color-emerald-oasis: #6ba099;
  --color-emerald-oasis-50: #d9f8f3;
  --color-emerald-oasis-100: #c9ede7;
  --color-emerald-oasis-200: #aed8d2;
  --color-emerald-oasis-300: #91c1ba;
  --color-emerald-oasis-400: #6ba099;
  --color-emerald-oasis-500: #528780;
  --color-emerald-oasis-600: #3c6e68;
  --color-emerald-oasis-700: #2a5953;
  --color-emerald-oasis-800: #1e4742;
  --color-emerald-oasis-900: #143834;
  --color-emerald-oasis-950: #0a2421;
  --color-deep-pool-teal: #2d7169;
  --color-deep-pool-teal-50: #dafef8;
  --color-deep-pool-teal-100: #caf4ed;
  --color-deep-pool-teal-200: #aee0d9;
  --color-deep-pool-teal-300: #90cac1;
  --color-deep-pool-teal-400: #6aaaa1;
  --color-deep-pool-teal-500: #4b8d85;
  --color-deep-pool-teal-600: #2d7169;
  --color-deep-pool-teal-700: #1d5a53;
  --color-deep-pool-teal-800: #104741;
  --color-deep-pool-teal-900: #073733;
  --color-deep-pool-teal-950: #02231f;
  --color-everglade: #20453f;
  --color-everglade-50: #e5fbf6;
  --color-everglade-100: #d8f2ec;
  --color-everglade-200: #c1dfd9;
  --color-everglade-300: #a6c8c2;
  --color-everglade-400: #83a9a1;
  --color-everglade-500: #668c85;
  --color-everglade-600: #4c716a;
  --color-everglade-700: #375852;
  --color-everglade-800: #20453f;
  --color-everglade-900: #1c3430;
  --color-everglade-950: #0f201d;
  --color-sunken-ship: #082421;
  --color-sunken-ship-50: #e8f9f7;
  --color-sunken-ship-100: #ddf0ed;
  --color-sunken-ship-200: #c6ddda;
  --color-sunken-ship-300: #adc7c3;
  --color-sunken-ship-400: #8ca8a4;
  --color-sunken-ship-500: #708d89;
  --color-sunken-ship-600: #56726e;
  --color-sunken-ship-700: #415b57;
  --color-sunken-ship-800: #314744;
  --color-sunken-ship-900: #243734;
  --color-sunken-ship-950: #082421;
}

Similar palettes