Lama to Candied Snow Color Palette

About this palette

Lama to Candied Snow is a 5-color pastel, light, cool palette: #DFB893 (Lama), #AAD6AE (Fizz), #FFCCDE (Light Pink), #A6F0F5 (Permafrost), #D6FCEE (Candied Snow). It mixes orange, green, pink, turquoise, white tones and feels cool overall. The strongest text pairing is #DFB893 on #D6FCEE with a contrast ratio of 1.67:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Lama	rgb(223, 184, 147)	hsl(29, 54%, 73%)
Fizz	rgb(170, 214, 174)	hsl(125, 35%, 75%)
Light Pink	rgb(255, 204, 222)	hsl(339, 100%, 90%)
Permafrost	rgb(166, 240, 245)	hsl(184, 80%, 81%)
Candied Snow	rgb(214, 252, 238)	hsl(158, 86%, 91%)

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

/* Lama to Candied Snow — https://swatchly.xyz/palette/dfb893-aad6ae-ffccde-a6f0f5-d6fcee */
:root {
  --lama: #dfb893;
  --fizz: #aad6ae;
  --light-pink: #ffccde;
  --permafrost: #a6f0f5;
  --candied-snow: #d6fcee;
}

Tailwind CSS v4

/* Lama to Candied Snow — https://swatchly.xyz/palette/dfb893-aad6ae-ffccde-a6f0f5-d6fcee */
@theme {
  --color-lama: #dfb893;
  --color-lama-50: #fff2e7;
  --color-lama-100: #ffe6ce;
  --color-lama-200: #efd1b5;
  --color-lama-300: #dfb893;
  --color-lama-400: #bd9977;
  --color-lama-500: #a27e5a;
  --color-lama-600: #866442;
  --color-lama-700: #6d4e2f;
  --color-lama-800: #573c20;
  --color-lama-900: #442d16;
  --color-lama-950: #2c1b0a;
  --color-fizz: #aad6ae;
  --color-fizz-50: #edffee;
  --color-fizz-100: #dff9e1;
  --color-fizz-200: #c9e8cb;
  --color-fizz-300: #aad6ae;
  --color-fizz-400: #8cb48f;
  --color-fizz-500: #6e9772;
  --color-fizz-600: #537b57;
  --color-fizz-700: #3d6241;
  --color-fizz-800: #2c4c30;
  --color-fizz-900: #1f3a23;
  --color-fizz-950: #112514;
  --color-light-pink: #ffccde;
  --color-light-pink-50: #fff5f9;
  --color-light-pink-100: #ffe8f0;
  --color-light-pink-200: #ffccde;
  --color-light-pink-300: #e1b8c6;
  --color-light-pink-400: #c396a6;
  --color-light-pink-500: #a7798a;
  --color-light-pink-600: #8a5e6f;
  --color-light-pink-700: #704857;
  --color-light-pink-800: #593744;
  --color-light-pink-900: #452934;
  --color-light-pink-950: #2d1820;
  --color-permafrost: #a6f0f5;
  --color-permafrost-50: #f2feff;
  --color-permafrost-100: #d4fcff;
  --color-permafrost-200: #a6f0f5;
  --color-permafrost-300: #9ad5d9;
  --color-permafrost-400: #71b5b9;
  --color-permafrost-500: #4f989d;
  --color-permafrost-600: #327b80;
  --color-permafrost-700: #1a6266;
  --color-permafrost-800: #084c50;
  --color-permafrost-900: #003b3e;
  --color-permafrost-950: #002527;
  --color-candied-snow: #d6fcee;
  --color-candied-snow-50: #d6fcee;
  --color-candied-snow-100: #d7efe6;
  --color-candied-snow-200: #c1ddd2;
  --color-candied-snow-300: #a8c8bc;
  --color-candied-snow-400: #87a99d;
  --color-candied-snow-500: #6c8f82;
  --color-candied-snow-600: #537468;
  --color-candied-snow-700: #3e5d52;
  --color-candied-snow-800: #2e4940;
  --color-candied-snow-900: #213831;
  --color-candied-snow-950: #13231e;
}