Cloud Number Nine to Brandy Color Palette

About this palette

Cloud Number Nine to Brandy is a 5-color pastel, light, warm palette: #F8D1CA (Cloud Number Nine), #F1F7C1 (Kiwi Kiss), #B3EBDD (Water Leaf), #D2CBF2 (Foggy Love), #DCB98B (Brandy). It mixes pink, green, turquoise, purple, orange tones and feels warm overall. The strongest text pairing is #F1F7C1 on #DCB98B with a contrast ratio of 1.66:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Cloud Number Nine	rgb(248, 209, 202)	hsl(9, 77%, 88%)
Kiwi Kiss	rgb(241, 247, 193)	hsl(67, 77%, 86%)
Water Leaf	rgb(179, 235, 221)	hsl(165, 58%, 81%)
Foggy Love	rgb(210, 203, 242)	hsl(251, 60%, 87%)
Brandy	rgb(220, 185, 139)	hsl(34, 54%, 70%)

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

/* Cloud Number Nine to Brandy — https://swatchly.xyz/palette/f8d1ca-f1f7c1-b3ebdd-d2cbf2-dcb98b */
:root {
  --cloud-number-nine: #f8d1ca;
  --kiwi-kiss: #f1f7c1;
  --water-leaf: #b3ebdd;
  --foggy-love: #d2cbf2;
  --brandy: #dcb98b;
}

Tailwind CSS v4

/* Cloud Number Nine to Brandy — https://swatchly.xyz/palette/f8d1ca-f1f7c1-b3ebdd-d2cbf2-dcb98b */
@theme {
  --color-cloud-number-nine: #f8d1ca;
  --color-cloud-number-nine-50: #fff5f3;
  --color-cloud-number-nine-100: #ffe9e5;
  --color-cloud-number-nine-200: #f8d1ca;
  --color-cloud-number-nine-300: #dcbcb6;
  --color-cloud-number-nine-400: #be9a94;
  --color-cloud-number-nine-500: #a27e78;
  --color-cloud-number-nine-600: #85645e;
  --color-cloud-number-nine-700: #6b4d48;
  --color-cloud-number-nine-800: #553b36;
  --color-cloud-number-nine-900: #422c29;
  --color-cloud-number-nine-950: #2a1b18;
  --color-kiwi-kiss: #f1f7c1;
  --color-kiwi-kiss-50: #f1f7c1;
  --color-kiwi-kiss-100: #e8ecca;
  --color-kiwi-kiss-200: #d5d9b2;
  --color-kiwi-kiss-300: #bfc497;
  --color-kiwi-kiss-400: #a0a574;
  --color-kiwi-kiss-500: #868a59;
  --color-kiwi-kiss-600: #6c7040;
  --color-kiwi-kiss-700: #55592d;
  --color-kiwi-kiss-800: #43461f;
  --color-kiwi-kiss-900: #333614;
  --color-kiwi-kiss-950: #1f2109;
  --color-water-leaf: #b3ebdd;
  --color-water-leaf-50: #e8fff9;
  --color-water-leaf-100: #d8f8f0;
  --color-water-leaf-200: #b3ebdd;
  --color-water-leaf-300: #a4d1c5;
  --color-water-leaf-400: #7eb1a5;
  --color-water-leaf-500: #609589;
  --color-water-leaf-600: #45796d;
  --color-water-leaf-700: #306056;
  --color-water-leaf-800: #204b42;
  --color-water-leaf-900: #153a33;
  --color-water-leaf-950: #0a251f;
  --color-foggy-love: #d2cbf2;
  --color-foggy-love-50: #f1eeff;
  --color-foggy-love-100: #e6e2fc;
  --color-foggy-love-200: #d2cbf2;
  --color-foggy-love-300: #bcb6d8;
  --color-foggy-love-400: #9e98bc;
  --color-foggy-love-500: #847da1;
  --color-foggy-love-600: #6b6486;
  --color-foggy-love-700: #554f6e;
  --color-foggy-love-800: #433e59;
  --color-foggy-love-900: #342f46;
  --color-foggy-love-950: #201c2d;
  --color-brandy: #dcb98b;
  --color-brandy-50: #fff2e2;
  --color-brandy-100: #fde6c9;
  --color-brandy-200: #ecd2af;
  --color-brandy-300: #dcb98b;
  --color-brandy-400: #bb9a6f;
  --color-brandy-500: #a07f53;
  --color-brandy-600: #84653a;
  --color-brandy-700: #6b4f27;
  --color-brandy-800: #553d19;
  --color-brandy-900: #432e10;
  --color-brandy-950: #2b1c06;
}