Start generating

Pine Scented Lagoon to Minotaur Hide color palette

1A7175Pine Scented LagoonFFC0E2Pretty in Pink3ED3E0Fish Boy683100MeatloafC775ACFading Love4B1201Minotaur Hide
Open in generator Export PNG, PDF, ASE…

About this palette

Pine Scented Lagoon to Minotaur Hide is a 6-color warm, vintage palette: #1A7175 (Pine Scented Lagoon), #FFC0E2 (Pretty in Pink), #3ED3E0 (Fish Boy), #683100 (Meatloaf), #C775AC (Fading Love), #4B1201 (Minotaur Hide). It mixes turquoise, pink, brown tones and feels warm overall. The strongest text pairing is #FFC0E2 on #4B1201 with a contrast ratio of 10.02:1, and 5 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Pine Scented Lagoonrgb(26, 113, 117)hsl(183, 64%, 28%)
Pretty in Pinkrgb(255, 192, 226)hsl(328, 100%, 88%)
Fish Boyrgb(62, 211, 224)hsl(185, 72%, 56%)
Meatloafrgb(104, 49, 0)hsl(28, 100%, 20%)
Fading Lovergb(199, 117, 172)hsl(320, 42%, 62%)
Minotaur Hidergb(75, 18, 1)hsl(14, 97%, 15%)

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.

  • Aa10.02:1 Very good#FFC0E2 on #4B1201
  • Aa10.02:1 Very good#4B1201 on #FFC0E2
  • Aa8.37:1 Very good#3ED3E0 on #4B1201
  • Aa8.37:1 Very good#4B1201 on #3ED3E0
  • Aa6.85:1 Good#FFC0E2 on #683100
  • Aa6.85:1 Good#683100 on #FFC0E2
  • Aa5.72:1 Good#3ED3E0 on #683100
  • Aa5.72:1 Good#683100 on #3ED3E0

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Pine Scented Lagoon to Minotaur Hide — https://swatchly.xyz/palette/1a7175-ffc0e2-3ed3e0-683100-c775ac-4b1201 */
:root {
  --pine-scented-lagoon: #1a7175;
  --pretty-in-pink: #ffc0e2;
  --fish-boy: #3ed3e0;
  --meatloaf: #683100;
  --fading-love: #c775ac;
  --minotaur-hide: #4b1201;
}

Tailwind CSS v4

/* Pine Scented Lagoon to Minotaur Hide — https://swatchly.xyz/palette/1a7175-ffc0e2-3ed3e0-683100-c775ac-4b1201 */
@theme {
  --color-pine-scented-lagoon: #1a7175;
  --color-pine-scented-lagoon-50: #d9fdff;
  --color-pine-scented-lagoon-100: #c4f4f6;
  --color-pine-scented-lagoon-200: #a7e1e3;
  --color-pine-scented-lagoon-300: #87cacd;
  --color-pine-scented-lagoon-400: #5eaaae;
  --color-pine-scented-lagoon-500: #3d8d91;
  --color-pine-scented-lagoon-600: #1a7175;
  --color-pine-scented-lagoon-700: #085a5e;
  --color-pine-scented-lagoon-800: #00474a;
  --color-pine-scented-lagoon-900: #003739;
  --color-pine-scented-lagoon-950: #002224;
  --color-pretty-in-pink: #ffc0e2;
  --color-pretty-in-pink-50: #ffeff7;
  --color-pretty-in-pink-100: #ffdff0;
  --color-pretty-in-pink-200: #ffc0e2;
  --color-pretty-in-pink-300: #e2adca;
  --color-pretty-in-pink-400: #c58cac;
  --color-pretty-in-pink-500: #aa7191;
  --color-pretty-in-pink-600: #8d5776;
  --color-pretty-in-pink-700: #73435f;
  --color-pretty-in-pink-800: #5d324b;
  --color-pretty-in-pink-900: #49253a;
  --color-pretty-in-pink-950: #2f1524;
  --color-fish-boy: #3ed3e0;
  --color-fish-boy-50: #d5fbff;
  --color-fish-boy-100: #acf8ff;
  --color-fish-boy-200: #85e6ef;
  --color-fish-boy-300: #3ed3e0;
  --color-fish-boy-400: #0ab3bf;
  --color-fish-boy-500: #0095a0;
  --color-fish-boy-600: #007881;
  --color-fish-boy-700: #006067;
  --color-fish-boy-800: #004b51;
  --color-fish-boy-900: #003b3f;
  --color-fish-boy-950: #002528;
  --color-meatloaf: #683100;
  --color-meatloaf-50: #fff2eb;
  --color-meatloaf-100: #ffe6d6;
  --color-meatloaf-200: #feccac;
  --color-meatloaf-300: #ebb38f;
  --color-meatloaf-400: #cf926a;
  --color-meatloaf-500: #b3764d;
  --color-meatloaf-600: #965b34;
  --color-meatloaf-700: #7b4621;
  --color-meatloaf-800: #683100;
  --color-meatloaf-900: #4e2709;
  --color-meatloaf-950: #331703;
  --color-fading-love: #c775ac;
  --color-fading-love-50: #ffe9f7;
  --color-fading-love-100: #ffd7f0;
  --color-fading-love-200: #fbb6e2;
  --color-fading-love-300: #e69acc;
  --color-fading-love-400: #c775ac;
  --color-fading-love-500: #ac5c92;
  --color-fading-love-600: #904579;
  --color-fading-love-700: #763362;
  --color-fading-love-800: #60254f;
  --color-fading-love-900: #4d1b3f;
  --color-fading-love-950: #340f29;
  --color-minotaur-hide: #4b1201;
  --color-minotaur-hide-50: #fff2ee;
  --color-minotaur-hide-100: #ffe5dd;
  --color-minotaur-hide-200: #ffc9b9;
  --color-minotaur-hide-300: #eeb09e;
  --color-minotaur-hide-400: #d18f7b;
  --color-minotaur-hide-500: #b77460;
  --color-minotaur-hide-600: #9c5c49;
  --color-minotaur-hide-700: #834837;
  --color-minotaur-hide-800: #6d3829;
  --color-minotaur-hide-900: #5a2c1e;
  --color-minotaur-hide-950: #4b1201;
}

Similar palettes