24 Karat to Veiling Waterfalls Color Palette

About this palette

24 Karat to Veiling Waterfalls is a 4-color pastel, light, warm palette: #DBC78A (24 Karat), #E0E1BE (Frost), #FFC3B0 (Peach Fuzz), #CDEDFF (Veiling Waterfalls). It mixes yellow, pink, blue tones and feels warm overall. The strongest text pairing is #DBC78A on #CDEDFF with a contrast ratio of 1.37:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
24 Karat	rgb(219, 199, 138)	hsl(45, 53%, 70%)
Frost	rgb(224, 225, 190)	hsl(62, 37%, 81%)
Peach Fuzz	rgb(255, 195, 176)	hsl(14, 100%, 85%)
Veiling Waterfalls	rgb(205, 237, 255)	hsl(202, 100%, 90%)

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

/* 24 Karat to Veiling Waterfalls — https://swatchly.xyz/palette/dbc78a-e0e1be-ffc3b0-cdedff */
:root {
  --c-24-karat: #dbc78a;
  --frost: #e0e1be;
  --peach-fuzz: #ffc3b0;
  --veiling-waterfalls: #cdedff;
}

Tailwind CSS v4

/* 24 Karat to Veiling Waterfalls — https://swatchly.xyz/palette/dbc78a-e0e1be-ffc3b0-cdedff */
@theme {
  --color-c-24-karat: #dbc78a;
  --color-c-24-karat-50: #fff9e5;
  --color-c-24-karat-100: #fbf0cc;
  --color-c-24-karat-200: #ebddb2;
  --color-c-24-karat-300: #dbc78a;
  --color-c-24-karat-400: #b9a66e;
  --color-c-24-karat-500: #9c894e;
  --color-c-24-karat-600: #806d33;
  --color-c-24-karat-700: #67561e;
  --color-c-24-karat-800: #51420f;
  --color-c-24-karat-900: #3e3106;
  --color-c-24-karat-950: #271e01;
  --color-frost: #e0e1be;
  --color-frost-50: #fafbe9;
  --color-frost-100: #f2f2de;
  --color-frost-200: #e0e1be;
  --color-frost-300: #c8c9ac;
  --color-frost-400: #a7a889;
  --color-frost-500: #8b8c6b;
  --color-frost-600: #707051;
  --color-frost-700: #58583c;
  --color-frost-800: #44442c;
  --color-frost-900: #343420;
  --color-frost-950: #202011;
  --color-peach-fuzz: #ffc3b0;
  --color-peach-fuzz-50: #ffeee9;
  --color-peach-fuzz-100: #ffe0d6;
  --color-peach-fuzz-200: #ffc3b0;
  --color-peach-fuzz-300: #e3b09f;
  --color-peach-fuzz-400: #c6907e;
  --color-peach-fuzz-500: #ab7563;
  --color-peach-fuzz-600: #8f5c4b;
  --color-peach-fuzz-700: #754738;
  --color-peach-fuzz-800: #5f3629;
  --color-peach-fuzz-900: #4b281e;
  --color-peach-fuzz-950: #301810;
  --color-veiling-waterfalls: #cdedff;
  --color-veiling-waterfalls-50: #e4f5ff;
  --color-veiling-waterfalls-100: #cdedff;
  --color-veiling-waterfalls-200: #c1d9e6;
  --color-veiling-waterfalls-300: #a8c3d2;
  --color-veiling-waterfalls-400: #88a5b5;
  --color-veiling-waterfalls-500: #6c8a9a;
  --color-veiling-waterfalls-600: #54707f;
  --color-veiling-waterfalls-700: #405967;
  --color-veiling-waterfalls-800: #2f4652;
  --color-veiling-waterfalls-900: #233640;
  --color-veiling-waterfalls-950: #142129;
}