Grandma’s Pink Tiles to Bleached Sunflower color palette

E4B9BEGrandma’s Pink Tiles C9D8BBZen Garden FFD7C6Twinkle Pink FDEAADBleached Sunflower

About this palette

Grandma’s Pink Tiles to Bleached Sunflower is a 4-color pastel, light, warm, gradient palette: #E4B9BE (Grandma’s Pink Tiles), #C9D8BB (Zen Garden), #FFD7C6 (Twinkle Pink), #FDEAAD (Bleached Sunflower). It mixes pink, green, orange, yellow tones and feels warm overall. The strongest text pairing is #E4B9BE on #FDEAAD with a contrast ratio of 1.46:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Grandma’s Pink Tiles	rgb(228, 185, 190)	hsl(353, 44%, 81%)
Zen Garden	rgb(201, 216, 187)	hsl(91, 27%, 79%)
Twinkle Pink	rgb(255, 215, 198)	hsl(18, 100%, 89%)
Bleached Sunflower	rgb(253, 234, 173)	hsl(46, 95%, 84%)

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

/* Grandma’s Pink Tiles to Bleached Sunflower — https://swatchly.xyz/palette/e4b9be-c9d8bb-ffd7c6-fdeaad */
:root {
  --grandma-s-pink-tiles: #e4b9be;
  --zen-garden: #c9d8bb;
  --twinkle-pink: #ffd7c6;
  --bleached-sunflower: #fdeaad;
}

Tailwind CSS v4

/* Grandma’s Pink Tiles to Bleached Sunflower — https://swatchly.xyz/palette/e4b9be-c9d8bb-ffd7c6-fdeaad */
@theme {
  --color-grandma-s-pink-tiles: #e4b9be;
  --color-grandma-s-pink-tiles-50: #fff5f6;
  --color-grandma-s-pink-tiles-100: #ffe8ea;
  --color-grandma-s-pink-tiles-200: #f2d2d6;
  --color-grandma-s-pink-tiles-300: #e4b9be;
  --color-grandma-s-pink-tiles-400: #c19a9e;
  --color-grandma-s-pink-tiles-500: #a57d82;
  --color-grandma-s-pink-tiles-600: #886267;
  --color-grandma-s-pink-tiles-700: #6e4c50;
  --color-grandma-s-pink-tiles-800: #573a3e;
  --color-grandma-s-pink-tiles-900: #442b2e;
  --color-grandma-s-pink-tiles-950: #2b1a1c;
  --color-zen-garden: #c9d8bb;
  --color-zen-garden-50: #ecf5e4;
  --color-zen-garden-100: #e1ebd7;
  --color-zen-garden-200: #c9d8bb;
  --color-zen-garden-300: #b5c2a9;
  --color-zen-garden-400: #96a389;
  --color-zen-garden-500: #7b896e;
  --color-zen-garden-600: #626f56;
  --color-zen-garden-700: #4d5942;
  --color-zen-garden-800: #3c4632;
  --color-zen-garden-900: #2e3625;
  --color-zen-garden-950: #1b2215;
  --color-twinkle-pink: #ffd7c6;
  --color-twinkle-pink-50: #fffaf8;
  --color-twinkle-pink-100: #ffefe9;
  --color-twinkle-pink-200: #ffd7c6;
  --color-twinkle-pink-300: #e1c1b3;
  --color-twinkle-pink-400: #c29e8f;
  --color-twinkle-pink-500: #a58172;
  --color-twinkle-pink-600: #886657;
  --color-twinkle-pink-700: #6d4e41;
  --color-twinkle-pink-800: #563b30;
  --color-twinkle-pink-900: #432d23;
  --color-twinkle-pink-950: #2b1b14;
  --color-bleached-sunflower: #fdeaad;
  --color-bleached-sunflower-50: #fff5d4;
  --color-bleached-sunflower-100: #fdeaad;
  --color-bleached-sunflower-200: #e4d7ab;
  --color-bleached-sunflower-300: #d0c08e;
  --color-bleached-sunflower-400: #b2a068;
  --color-bleached-sunflower-500: #97854b;
  --color-bleached-sunflower-600: #7c6a32;
  --color-bleached-sunflower-700: #64541f;
  --color-bleached-sunflower-800: #4f4111;
  --color-bleached-sunflower-900: #3d3207;
  --color-bleached-sunflower-950: #271e02;
}