Bleached Sunflower to Pastel Mint color palette

F4E8A6Bleached Sunflower EBB6E8Soft Cashmere 9DE1F1Blizzard Blue CECC9CCourt-Bouillon C7F1CAPastel Mint

Open in generator Export PNG, PDF, ASE…

About this palette

Bleached Sunflower to Pastel Mint is a 5-color pastel, light, cool palette: #F4E8A6 (Bleached Sunflower), #EBB6E8 (Soft Cashmere), #9DE1F1 (Blizzard Blue), #CECC9C (Court-Bouillon), #C7F1CA (Pastel Mint). It mixes yellow, pink, turquoise, green tones and feels cool overall. The strongest text pairing is #F4E8A6 on #EBB6E8 with a contrast ratio of 1.37:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Bleached Sunflower	rgb(244, 232, 166)	hsl(51, 78%, 80%)
Soft Cashmere	rgb(235, 182, 232)	hsl(303, 57%, 82%)
Blizzard Blue	rgb(157, 225, 241)	hsl(191, 75%, 78%)
Court-Bouillon	rgb(206, 204, 156)	hsl(58, 34%, 71%)
Pastel Mint	rgb(199, 241, 202)	hsl(124, 60%, 86%)

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

/* Bleached Sunflower to Pastel Mint — https://swatchly.xyz/palette/f4e8a6-ebb6e8-9de1f1-cecc9c-c7f1ca */
:root {
  --bleached-sunflower: #f4e8a6;
  --soft-cashmere: #ebb6e8;
  --blizzard-blue: #9de1f1;
  --court-bouillon: #cecc9c;
  --pastel-mint: #c7f1ca;
}

Tailwind CSS v4

/* Bleached Sunflower to Pastel Mint — https://swatchly.xyz/palette/f4e8a6-ebb6e8-9de1f1-cecc9c-c7f1ca */
@theme {
  --color-bleached-sunflower: #f4e8a6;
  --color-bleached-sunflower-50: #f9f2cd;
  --color-bleached-sunflower-100: #f4e8a6;
  --color-bleached-sunflower-200: #ded5a4;
  --color-bleached-sunflower-300: #c9bf88;
  --color-bleached-sunflower-400: #aca063;
  --color-bleached-sunflower-500: #918647;
  --color-bleached-sunflower-600: #776c2e;
  --color-bleached-sunflower-700: #60561b;
  --color-bleached-sunflower-800: #4c430c;
  --color-bleached-sunflower-900: #3b3304;
  --color-bleached-sunflower-950: #251f01;
  --color-soft-cashmere: #ebb6e8;
  --color-soft-cashmere-50: #fff7fe;
  --color-soft-cashmere-100: #ffeafd;
  --color-soft-cashmere-200: #f7d2f5;
  --color-soft-cashmere-300: #ebb6e8;
  --color-soft-cashmere-400: #c796c4;
  --color-soft-cashmere-500: #aa79a7;
  --color-soft-cashmere-600: #8c5d8a;
  --color-soft-cashmere-700: #71466f;
  --color-soft-cashmere-800: #593458;
  --color-soft-cashmere-900: #452644;
  --color-soft-cashmere-950: #2c162b;
  --color-blizzard-blue: #9de1f1;
  --color-blizzard-blue-50: #def9ff;
  --color-blizzard-blue-100: #c7f1fb;
  --color-blizzard-blue-200: #9de1f1;
  --color-blizzard-blue-300: #90c9d7;
  --color-blizzard-blue-400: #6babba;
  --color-blizzard-blue-500: #4d909f;
  --color-blizzard-blue-600: #337584;
  --color-blizzard-blue-700: #1f5e6b;
  --color-blizzard-blue-800: #104a56;
  --color-blizzard-blue-900: #063a43;
  --color-blizzard-blue-950: #01242b;
  --color-court-bouillon: #cecc9c;
  --color-court-bouillon-50: #fcfbe2;
  --color-court-bouillon-100: #f4f3d7;
  --color-court-bouillon-200: #e2e1bf;
  --color-court-bouillon-300: #cecc9c;
  --color-court-bouillon-400: #adab7f;
  --color-court-bouillon-500: #908e60;
  --color-court-bouillon-600: #747246;
  --color-court-bouillon-700: #5c5a31;
  --color-court-bouillon-800: #474521;
  --color-court-bouillon-900: #363416;
  --color-court-bouillon-950: #22200a;
  --color-pastel-mint: #c7f1ca;
  --color-pastel-mint-50: #def7e0;
  --color-pastel-mint-100: #c7f1ca;
  --color-pastel-mint-200: #bcdcbe;
  --color-pastel-mint-300: #a4c7a6;
  --color-pastel-mint-400: #83aa86;
  --color-pastel-mint-500: #698f6c;
  --color-pastel-mint-600: #507554;
  --color-pastel-mint-700: #3d5f40;
  --color-pastel-mint-800: #2d4b30;
  --color-pastel-mint-900: #213a23;
  --color-pastel-mint-950: #122414;
}