Bath Water to Green Not Found color palette

8FEFE7Bath Water E08C89Boho Blush 8185D0Magic Carpet 4E5084Tangent Periwinkle 3E430DGreen Not Found

About this palette

Bath Water to Green Not Found is a 5-color cool, vintage palette: #8FEFE7 (Bath Water), #E08C89 (Boho Blush), #8185D0 (Magic Carpet), #4E5084 (Tangent Periwinkle), #3E430D (Green Not Found). It mixes turquoise, red, purple, green tones and feels cool overall. The strongest text pairing is #8FEFE7 on #3E430D with a contrast ratio of 7.78:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Bath Water	rgb(143, 239, 231)	hsl(175, 75%, 75%)
Boho Blush	rgb(224, 140, 137)	hsl(2, 58%, 71%)
Magic Carpet	rgb(129, 133, 208)	hsl(237, 46%, 66%)
Tangent Periwinkle	rgb(78, 80, 132)	hsl(238, 26%, 41%)
Green Not Found	rgb(62, 67, 13)	hsl(66, 68%, 16%)

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.

Aa7.78:1 Very good#8FEFE7 on #3E430D
Aa7.78:1 Very good#3E430D on #8FEFE7
Aa5.59:1 Good#8FEFE7 on #4E5084
Aa5.59:1 Good#4E5084 on #8FEFE7
Aa4.11:1 Poor#E08C89 on #3E430D
Aa4.11:1 Poor#3E430D on #E08C89
Aa3.08:1 Poor#8185D0 on #3E430D
Aa3.08:1 Poor#3E430D on #8185D0

Color blindness preview

CSS variables

/* Bath Water to Green Not Found — https://swatchly.xyz/palette/8fefe7-e08c89-8185d0-4e5084-3e430d */
:root {
  --bath-water: #8fefe7;
  --boho-blush: #e08c89;
  --magic-carpet: #8185d0;
  --tangent-periwinkle: #4e5084;
  --green-not-found: #3e430d;
}

Tailwind CSS v4

/* Bath Water to Green Not Found — https://swatchly.xyz/palette/8fefe7-e08c89-8185d0-4e5084-3e430d */
@theme {
  --color-bath-water: #8fefe7;
  --color-bath-water-50: #e0fffc;
  --color-bath-water-100: #c5fbf5;
  --color-bath-water-200: #8fefe7;
  --color-bath-water-300: #87d4ce;
  --color-bath-water-400: #5ab6af;
  --color-bath-water-500: #359993;
  --color-bath-water-600: #097d77;
  --color-bath-water-700: #00635e;
  --color-bath-water-800: #004d49;
  --color-bath-water-900: #003c38;
  --color-bath-water-950: #002523;
  --color-boho-blush: #e08c89;
  --color-boho-blush-50: #fff4f3;
  --color-boho-blush-100: #ffe8e6;
  --color-boho-blush-200: #ffcdca;
  --color-boho-blush-300: #f8afac;
  --color-boho-blush-400: #e08c89;
  --color-boho-blush-500: #c1706e;
  --color-boho-blush-600: #a25553;
  --color-boho-blush-700: #853f3e;
  --color-boho-blush-800: #6b2e2e;
  --color-boho-blush-900: #542121;
  --color-boho-blush-950: #361212;
  --color-magic-carpet: #8185d0;
  --color-magic-carpet-50: #f5f6ff;
  --color-magic-carpet-100: #eaecff;
  --color-magic-carpet-200: #d4d8ff;
  --color-magic-carpet-300: #bbc0ff;
  --color-magic-carpet-400: #9ba0e9;
  --color-magic-carpet-500: #8185d0;
  --color-magic-carpet-600: #6669b1;
  --color-magic-carpet-700: #505193;
  --color-magic-carpet-800: #3d3e77;
  --color-magic-carpet-900: #2e2e5f;
  --color-magic-carpet-950: #1b1b3e;
  --color-tangent-periwinkle: #4e5084;
  --color-tangent-periwinkle-50: #f3f4ff;
  --color-tangent-periwinkle-100: #e7e9ff;
  --color-tangent-periwinkle-200: #d0d4ff;
  --color-tangent-periwinkle-300: #b8bdf0;
  --color-tangent-periwinkle-400: #989dd4;
  --color-tangent-periwinkle-500: #7d81b9;
  --color-tangent-periwinkle-600: #64679c;
  --color-tangent-periwinkle-700: #4e5084;
  --color-tangent-periwinkle-800: #3c3e68;
  --color-tangent-periwinkle-900: #2e2f53;
  --color-tangent-periwinkle-950: #1c1c36;
  --color-green-not-found: #3e430d;
  --color-green-not-found-50: #f4f9da;
  --color-green-not-found-100: #eaefcd;
  --color-green-not-found-200: #d6dcb3;
  --color-green-not-found-300: #bfc697;
  --color-green-not-found-400: #9fa672;
  --color-green-not-found-500: #838a55;
  --color-green-not-found-600: #686e3c;
  --color-green-not-found-700: #515729;
  --color-green-not-found-800: #3e430d;
  --color-green-not-found-900: #2f3311;
  --color-green-not-found-950: #1d1f07;
}