Veiling Waterfalls to Go Go Green color palette

CBEEFFVeiling Waterfalls F0803CGoku Orange 8F1D4FWine Grape 003028Pitch-Black Forests 008B79Go Go Green

Open in generator Export PNG, PDF, ASE…

About this palette

Veiling Waterfalls to Go Go Green is a 5-color cool palette: #CBEEFF (Veiling Waterfalls), #F0803C (Goku Orange), #8F1D4F (Wine Grape), #003028 (Pitch-Black Forests), #008B79 (Go Go Green). It mixes blue, orange, red, turquoise tones and feels cool overall. The strongest text pairing is #CBEEFF on #003028 with a contrast ratio of 11.84:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Veiling Waterfalls	rgb(203, 238, 255)	hsl(200, 100%, 90%)
Goku Orange	rgb(240, 128, 60)	hsl(23, 86%, 59%)
Wine Grape	rgb(143, 29, 79)	hsl(334, 66%, 34%)
Pitch-Black Forests	rgb(0, 48, 40)	hsl(170, 100%, 9%)
Go Go Green	rgb(0, 139, 121)	hsl(172, 100%, 27%)

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.

Aa11.84:1 Very good#CBEEFF on #003028
Aa11.84:1 Very good#003028 on #CBEEFF
Aa7.01:1 Very good#CBEEFF on #8F1D4F
Aa7.01:1 Very good#8F1D4F on #CBEEFF
Aa5.41:1 Good#F0803C on #003028
Aa5.41:1 Good#003028 on #F0803C
Aa3.46:1 Poor#CBEEFF on #008B79
Aa3.46:1 Poor#008B79 on #CBEEFF

Color blindness preview

CSS variables

/* Veiling Waterfalls to Go Go Green — https://swatchly.xyz/palette/cbeeff-f0803c-8f1d4f-003028-008b79 */
:root {
  --veiling-waterfalls: #cbeeff;
  --goku-orange: #f0803c;
  --wine-grape: #8f1d4f;
  --pitch-black-forests: #003028;
  --go-go-green: #008b79;
}

Tailwind CSS v4

/* Veiling Waterfalls to Go Go Green — https://swatchly.xyz/palette/cbeeff-f0803c-8f1d4f-003028-008b79 */
@theme {
  --color-veiling-waterfalls: #cbeeff;
  --color-veiling-waterfalls-50: #e3f6ff;
  --color-veiling-waterfalls-100: #cbeeff;
  --color-veiling-waterfalls-200: #bfd9e6;
  --color-veiling-waterfalls-300: #a7c4d2;
  --color-veiling-waterfalls-400: #86a5b5;
  --color-veiling-waterfalls-500: #6a8b9a;
  --color-veiling-waterfalls-600: #51707f;
  --color-veiling-waterfalls-700: #3e5a67;
  --color-veiling-waterfalls-800: #2d4652;
  --color-veiling-waterfalls-900: #213640;
  --color-veiling-waterfalls-950: #122229;
  --color-goku-orange: #f0803c;
  --color-goku-orange-50: #fff3ed;
  --color-goku-orange-100: #ffe6d9;
  --color-goku-orange-200: #ffccb1;
  --color-goku-orange-300: #ffab7e;
  --color-goku-orange-400: #f0803c;
  --color-goku-orange-500: #d06417;
  --color-goku-orange-600: #ac4d00;
  --color-goku-orange-700: #893c00;
  --color-goku-orange-800: #6c2e00;
  --color-goku-orange-900: #542200;
  --color-goku-orange-950: #371300;
  --color-wine-grape: #8f1d4f;
  --color-wine-grape-50: #fff1f5;
  --color-wine-grape-100: #ffe3ea;
  --color-wine-grape-200: #ffc4d5;
  --color-wine-grape-300: #ff9ebd;
  --color-wine-grape-400: #e8749c;
  --color-wine-grape-500: #ca5681;
  --color-wine-grape-600: #a93b66;
  --color-wine-grape-700: #8f1d4f;
  --color-wine-grape-800: #70173d;
  --color-wine-grape-900: #590d2f;
  --color-wine-grape-950: #3b051c;
  --color-pitch-black-forests: #003028;
  --color-pitch-black-forests-50: #e2fcf5;
  --color-pitch-black-forests-100: #d6f3eb;
  --color-pitch-black-forests-200: #bee0d7;
  --color-pitch-black-forests-300: #a4cbc1;
  --color-pitch-black-forests-400: #81aca1;
  --color-pitch-black-forests-500: #669288;
  --color-pitch-black-forests-600: #4e796f;
  --color-pitch-black-forests-700: #3b635a;
  --color-pitch-black-forests-800: #2d5149;
  --color-pitch-black-forests-900: #21423b;
  --color-pitch-black-forests-950: #003028;
  --color-go-go-green: #008b79;
  --color-go-go-green-50: #d8fff6;
  --color-go-go-green-100: #c0fcee;
  --color-go-go-green-200: #a5eddd;
  --color-go-go-green-300: #86dac9;
  --color-go-go-green-400: #5bbeab;
  --color-go-go-green-500: #35a592;
  --color-go-go-green-600: #008b79;
  --color-go-go-green-700: #006f60;
  --color-go-go-green-800: #00564b;
  --color-go-go-green-900: #004239;
  --color-go-go-green-950: #002a23;
}