Start generating

Continental Waters to Green Glint color palette

9ACACBContinental WatersCFCCF3Frozen PeriwinkleFFD5B7Gentle CaressAEFAE9Blister PearlE6F2C4Green Glint
Open in generator Export PNG, PDF, ASE…

About this palette

Continental Waters to Green Glint is a 5-color pastel, light, cool palette: #9ACACB (Continental Waters), #CFCCF3 (Frozen Periwinkle), #FFD5B7 (Gentle Caress), #AEFAE9 (Blister Pearl), #E6F2C4 (Green Glint). It mixes turquoise, purple, orange, green tones and feels cool overall. The strongest text pairing is #9ACACB on #E6F2C4 with a contrast ratio of 1.53:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Continental Watersrgb(154, 202, 203)hsl(181, 32%, 70%)
Frozen Periwinklergb(207, 204, 243)hsl(245, 62%, 88%)
Gentle Caressrgb(255, 213, 183)hsl(25, 100%, 86%)
Blister Pearlrgb(174, 250, 233)hsl(167, 88%, 83%)
Green Glintrgb(230, 242, 196)hsl(76, 64%, 86%)

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.

    Color blindness preview

    • Protanopia
    • Deuteranopia
    • Tritanopia
    • Achromatopsia
    • Dog vision

    CSS variables

    /* Continental Waters to Green Glint — https://swatchly.xyz/palette/9acacb-cfccf3-ffd5b7-aefae9-e6f2c4 */
:root {
  --continental-waters: #9acacb;
  --frozen-periwinkle: #cfccf3;
  --gentle-caress: #ffd5b7;
  --blister-pearl: #aefae9;
  --green-glint: #e6f2c4;
}

    Tailwind CSS v4

    /* Continental Waters to Green Glint — https://swatchly.xyz/palette/9acacb-cfccf3-ffd5b7-aefae9-e6f2c4 */
@theme {
  --color-continental-waters: #9acacb;
  --color-continental-waters-50: #e0fbfb;
  --color-continental-waters-100: #d3f1f2;
  --color-continental-waters-200: #bbdedf;
  --color-continental-waters-300: #9acacb;
  --color-continental-waters-400: #7daaab;
  --color-continental-waters-500: #618f90;
  --color-continental-waters-600: #477475;
  --color-continental-waters-700: #345d5e;
  --color-continental-waters-800: #25494a;
  --color-continental-waters-900: #19393a;
  --color-continental-waters-950: #0d2324;
  --color-frozen-periwinkle: #cfccf3;
  --color-frozen-periwinkle-50: #f0efff;
  --color-frozen-periwinkle-100: #e4e2fd;
  --color-frozen-periwinkle-200: #cfccf3;
  --color-frozen-periwinkle-300: #bab7d9;
  --color-frozen-periwinkle-400: #9c99bd;
  --color-frozen-periwinkle-500: #827ea2;
  --color-frozen-periwinkle-600: #686587;
  --color-frozen-periwinkle-700: #53506f;
  --color-frozen-periwinkle-800: #413f59;
  --color-frozen-periwinkle-900: #323046;
  --color-frozen-periwinkle-950: #1f1d2d;
  --color-gentle-caress: #ffd5b7;
  --color-gentle-caress-50: #fff8f4;
  --color-gentle-caress-100: #ffede1;
  --color-gentle-caress-200: #ffd5b7;
  --color-gentle-caress-300: #e1bfa7;
  --color-gentle-caress-400: #c39d82;
  --color-gentle-caress-500: #a68065;
  --color-gentle-caress-600: #89654a;
  --color-gentle-caress-700: #6f4e36;
  --color-gentle-caress-800: #573b26;
  --color-gentle-caress-900: #452d1b;
  --color-gentle-caress-950: #2c1b0e;
  --color-blister-pearl: #aefae9;
  --color-blister-pearl-50: #d4fdf3;
  --color-blister-pearl-100: #aefae9;
  --color-blister-pearl-200: #abe2d6;
  --color-blister-pearl-300: #8fcec0;
  --color-blister-pearl-400: #69b0a1;
  --color-blister-pearl-500: #4a9586;
  --color-blister-pearl-600: #2f7a6c;
  --color-blister-pearl-700: #1a6256;
  --color-blister-pearl-800: #094e43;
  --color-blister-pearl-900: #013c33;
  --color-blister-pearl-950: #002620;
  --color-green-glint: #e6f2c4;
  --color-green-glint-50: #f2f9e0;
  --color-green-glint-100: #e6f2c4;
  --color-green-glint-200: #d4dcbb;
  --color-green-glint-300: #bdc6a1;
  --color-green-glint-400: #9da77e;
  --color-green-glint-500: #828c62;
  --color-green-glint-600: #677149;
  --color-green-glint-700: #515a35;
  --color-green-glint-800: #3f4626;
  --color-green-glint-900: #30361b;
  --color-green-glint-950: #1d220e;
}

    Similar palettes