Below Zero to Dogwood Color Palette

About this palette

Below Zero to Dogwood is a 5-color pastel, light, cool palette: #87CDEA (Below Zero), #CEBEF7 (Violet Heaven), #FFC3B1 (Peach Fuzz), #CCE6FF (Veiling Waterfalls), #FFE8E0 (Dogwood). It mixes blue, purple, pink, white tones and feels cool overall. The strongest text pairing is #87CDEA on #FFE8E0 with a contrast ratio of 1.50:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Below Zero	rgb(135, 205, 234)	hsl(198, 70%, 72%)
Violet Heaven	rgb(206, 190, 247)	hsl(257, 78%, 86%)
Peach Fuzz	rgb(255, 195, 177)	hsl(14, 100%, 85%)
Veiling Waterfalls	rgb(204, 230, 255)	hsl(209, 100%, 90%)
Dogwood	rgb(255, 232, 224)	hsl(15, 100%, 94%)

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

CSS variables

/* Below Zero to Dogwood — https://swatchly.xyz/palette/87cdea-cebef7-ffc3b1-cce6ff-ffe8e0 */
:root {
  --below-zero: #87cdea;
  --violet-heaven: #cebef7;
  --peach-fuzz: #ffc3b1;
  --veiling-waterfalls: #cce6ff;
  --dogwood: #ffe8e0;
}

Tailwind CSS v4

/* Below Zero to Dogwood — https://swatchly.xyz/palette/87cdea-cebef7-ffc3b1-cce6ff-ffe8e0 */
@theme {
  --color-below-zero: #87cdea;
  --color-below-zero-50: #e9f8ff;
  --color-below-zero-100: #d3f1ff;
  --color-below-zero-200: #afe1f7;
  --color-below-zero-300: #87cdea;
  --color-below-zero-400: #6bacc7;
  --color-below-zero-500: #4b91ac;
  --color-below-zero-600: #30758f;
  --color-below-zero-700: #1b5e75;
  --color-below-zero-800: #0a495e;
  --color-below-zero-900: #02394a;
  --color-below-zero-950: #002330;
  --color-violet-heaven: #cebef7;
  --color-violet-heaven-50: #faf8ff;
  --color-violet-heaven-100: #f2edff;
  --color-violet-heaven-200: #e2d7ff;
  --color-violet-heaven-300: #cebef7;
  --color-violet-heaven-400: #ad9ed2;
  --color-violet-heaven-500: #9081b6;
  --color-violet-heaven-600: #746598;
  --color-violet-heaven-700: #5c4e7c;
  --color-violet-heaven-800: #483b63;
  --color-violet-heaven-900: #362c4d;
  --color-violet-heaven-950: #221a32;
  --color-peach-fuzz: #ffc3b1;
  --color-peach-fuzz-50: #ffeee9;
  --color-peach-fuzz-100: #ffe0d6;
  --color-peach-fuzz-200: #ffc3b1;
  --color-peach-fuzz-300: #e3b0a0;
  --color-peach-fuzz-400: #c6907f;
  --color-peach-fuzz-500: #ab7564;
  --color-peach-fuzz-600: #8f5b4c;
  --color-peach-fuzz-700: #754739;
  --color-peach-fuzz-800: #5f362a;
  --color-peach-fuzz-900: #4a281e;
  --color-peach-fuzz-950: #301810;
  --color-veiling-waterfalls: #cce6ff;
  --color-veiling-waterfalls-50: #e1f0ff;
  --color-veiling-waterfalls-100: #cce6ff;
  --color-veiling-waterfalls-200: #bfd3e6;
  --color-veiling-waterfalls-300: #a8bed3;
  --color-veiling-waterfalls-400: #89a0b7;
  --color-veiling-waterfalls-500: #6f869d;
  --color-veiling-waterfalls-600: #576d83;
  --color-veiling-waterfalls-700: #43586b;
  --color-veiling-waterfalls-800: #324455;
  --color-veiling-waterfalls-900: #253543;
  --color-veiling-waterfalls-950: #15202b;
  --color-dogwood: #ffe8e0;
  --color-dogwood-50: #fff5f1;
  --color-dogwood-100: #ffe8e0;
  --color-dogwood-200: #e6d5d0;
  --color-dogwood-300: #d1beb7;
  --color-dogwood-400: #b29e96;
  --color-dogwood-500: #96827b;
  --color-dogwood-600: #7b6760;
  --color-dogwood-700: #62514b;
  --color-dogwood-800: #4e3e39;
  --color-dogwood-900: #3c302b;
  --color-dogwood-950: #261d1a;
}