Start generating

Tropical Forest to Innocent Snowdrop color palette

00464ATropical Forest5C5C33Reptile Revenge966167CinnapinkB67E7DNippleAF99E6Dreamy Candy ForestCACEFFInnocent Snowdrop
Open in generator Export PNG, PDF, ASE…

About this palette

Tropical Forest to Innocent Snowdrop is a 6-color vintage palette: #00464A (Tropical Forest), #5C5C33 (Reptile Revenge), #966167 (Cinnapink), #B67E7D (Nipple), #AF99E6 (Dreamy Candy Forest), #CACEFF (Innocent Snowdrop). It mixes turquoise, brown, red, purple tones and feels balanced overall. The strongest text pairing is #00464A on #CACEFF with a contrast ratio of 6.98:1, and 2 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Tropical Forestrgb(0, 70, 74)hsl(183, 100%, 15%)
Reptile Revengergb(92, 92, 51)hsl(60, 29%, 28%)
Cinnapinkrgb(150, 97, 103)hsl(353, 21%, 48%)
Nipplergb(182, 126, 125)hsl(1, 28%, 60%)
Dreamy Candy Forestrgb(175, 153, 230)hsl(257, 61%, 75%)
Innocent Snowdroprgb(202, 206, 255)hsl(235, 100%, 90%)

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.98:1 Good#00464A on #CACEFF
  • Aa6.98:1 Good#CACEFF on #00464A
  • Aa4.54:1 Good#5C5C33 on #CACEFF
  • Aa4.54:1 Good#CACEFF on #5C5C33
  • Aa4.32:1 Poor#00464A on #AF99E6
  • Aa4.32:1 Poor#AF99E6 on #00464A
  • Aa3.28:1 Poor#966167 on #CACEFF
  • Aa3.28:1 Poor#CACEFF on #966167

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Tropical Forest to Innocent Snowdrop — https://swatchly.xyz/palette/00464a-5c5c33-966167-b67e7d-af99e6-caceff */
:root {
  --tropical-forest: #00464a;
  --reptile-revenge: #5c5c33;
  --cinnapink: #966167;
  --nipple: #b67e7d;
  --dreamy-candy-forest: #af99e6;
  --innocent-snowdrop: #caceff;
}

Tailwind CSS v4

/* Tropical Forest to Innocent Snowdrop — https://swatchly.xyz/palette/00464a-5c5c33-966167-b67e7d-af99e6-caceff */
@theme {
  --color-tropical-forest: #00464a;
  --color-tropical-forest-50: #dcfcfe;
  --color-tropical-forest-100: #cff3f6;
  --color-tropical-forest-200: #b6e1e4;
  --color-tropical-forest-300: #98cace;
  --color-tropical-forest-400: #73abaf;
  --color-tropical-forest-500: #548e92;
  --color-tropical-forest-600: #3a7276;
  --color-tropical-forest-700: #25595d;
  --color-tropical-forest-800: #00464a;
  --color-tropical-forest-900: #0d3537;
  --color-tropical-forest-950: #052022;
  --color-reptile-revenge: #5c5c33;
  --color-reptile-revenge-50: #f7f7de;
  --color-reptile-revenge-100: #edeed1;
  --color-reptile-revenge-200: #dadbba;
  --color-reptile-revenge-300: #c5c6a0;
  --color-reptile-revenge-400: #a6a77d;
  --color-reptile-revenge-500: #8c8c62;
  --color-reptile-revenge-600: #727249;
  --color-reptile-revenge-700: #5c5c33;
  --color-reptile-revenge-800: #484826;
  --color-reptile-revenge-900: #37371a;
  --color-reptile-revenge-950: #22220d;
  --color-cinnapink: #966167;
  --color-cinnapink-50: #fff1f2;
  --color-cinnapink-100: #ffe5e7;
  --color-cinnapink-200: #f9cdd1;
  --color-cinnapink-300: #e7b5ba;
  --color-cinnapink-400: #cc959b;
  --color-cinnapink-500: #b17a80;
  --color-cinnapink-600: #966167;
  --color-cinnapink-700: #7a4b50;
  --color-cinnapink-800: #62383d;
  --color-cinnapink-900: #4d2a2e;
  --color-cinnapink-950: #32181c;
  --color-nipple: #b67e7d;
  --color-nipple-50: #fff4f3;
  --color-nipple-100: #ffe8e7;
  --color-nipple-200: #fcd0ce;
  --color-nipple-300: #ebb9b7;
  --color-nipple-400: #d09998;
  --color-nipple-500: #b67e7d;
  --color-nipple-600: #986262;
  --color-nipple-700: #7c4b4b;
  --color-nipple-800: #633938;
  --color-nipple-900: #4d2a2a;
  --color-nipple-950: #311818;
  --color-dreamy-candy-forest: #af99e6;
  --color-dreamy-candy-forest-50: #f8f6ff;
  --color-dreamy-candy-forest-100: #f0ebff;
  --color-dreamy-candy-forest-200: #dfd5ff;
  --color-dreamy-candy-forest-300: #ccbafc;
  --color-dreamy-candy-forest-400: #af99e6;
  --color-dreamy-candy-forest-500: #927cc7;
  --color-dreamy-candy-forest-600: #7761a8;
  --color-dreamy-candy-forest-700: #5f4a8b;
  --color-dreamy-candy-forest-800: #4a3770;
  --color-dreamy-candy-forest-900: #392959;
  --color-dreamy-candy-forest-950: #231739;
  --color-innocent-snowdrop: #caceff;
  --color-innocent-snowdrop-50: #eff0ff;
  --color-innocent-snowdrop-100: #e2e5ff;
  --color-innocent-snowdrop-200: #caceff;
  --color-innocent-snowdrop-300: #b6b9e3;
  --color-innocent-snowdrop-400: #979ac7;
  --color-innocent-snowdrop-500: #7c7fac;
  --color-innocent-snowdrop-600: #636690;
  --color-innocent-snowdrop-700: #4e5077;
  --color-innocent-snowdrop-800: #3d3f60;
  --color-innocent-snowdrop-900: #2e304c;
  --color-innocent-snowdrop-950: #1c1d31;
}

Similar palettes