Attic Linen to Blister Pearl color palette

D6BBA6Attic Linen C6C6F0Digital Lavender FFC7AEDolly Cheek EED1F0Scented Spring AFF9E0Blister Pearl

About this palette

Attic Linen to Blister Pearl is a 5-color pastel, light, cool palette: #D6BBA6 (Attic Linen), #C6C6F0 (Digital Lavender), #FFC7AE (Dolly Cheek), #EED1F0 (Scented Spring), #AFF9E0 (Blister Pearl). It mixes orange, purple, pink, turquoise tones and feels cool overall. The strongest text pairing is #D6BBA6 on #AFF9E0 with a contrast ratio of 1.51:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Attic Linen	rgb(214, 187, 166)	hsl(26, 37%, 75%)
Digital Lavender	rgb(198, 198, 240)	hsl(240, 58%, 86%)
Dolly Cheek	rgb(255, 199, 174)	hsl(19, 100%, 84%)
Scented Spring	rgb(238, 209, 240)	hsl(296, 51%, 88%)
Blister Pearl	rgb(175, 249, 224)	hsl(160, 86%, 83%)

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

/* Attic Linen to Blister Pearl — https://swatchly.xyz/palette/d6bba6-c6c6f0-ffc7ae-eed1f0-aff9e0 */
:root {
  --attic-linen: #d6bba6;
  --digital-lavender: #c6c6f0;
  --dolly-cheek: #ffc7ae;
  --scented-spring: #eed1f0;
  --blister-pearl: #aff9e0;
}

Tailwind CSS v4

/* Attic Linen to Blister Pearl — https://swatchly.xyz/palette/d6bba6-c6c6f0-ffc7ae-eed1f0-aff9e0 */
@theme {
  --color-attic-linen: #d6bba6;
  --color-attic-linen-50: #fff2e9;
  --color-attic-linen-100: #f9e7da;
  --color-attic-linen-200: #e8d3c3;
  --color-attic-linen-300: #d6bba6;
  --color-attic-linen-400: #b59c88;
  --color-attic-linen-500: #9a816d;
  --color-attic-linen-600: #7e6654;
  --color-attic-linen-700: #66503f;
  --color-attic-linen-800: #513e2f;
  --color-attic-linen-900: #3f2f23;
  --color-attic-linen-950: #281d14;
  --color-digital-lavender: #c6c6f0;
  --color-digital-lavender-50: #f9faff;
  --color-digital-lavender-100: #f0f0ff;
  --color-digital-lavender-200: #dcddfa;
  --color-digital-lavender-300: #c6c6f0;
  --color-digital-lavender-400: #a5a5cb;
  --color-digital-lavender-500: #8888af;
  --color-digital-lavender-600: #6c6c91;
  --color-digital-lavender-700: #555476;
  --color-digital-lavender-800: #41405d;
  --color-digital-lavender-900: #303048;
  --color-digital-lavender-950: #1e1d2f;
  --color-dolly-cheek: #ffc7ae;
  --color-dolly-cheek-50: #fff0ea;
  --color-dolly-cheek-100: #ffe3d6;
  --color-dolly-cheek-200: #ffc7ae;
  --color-dolly-cheek-300: #e2b39e;
  --color-dolly-cheek-400: #c6937c;
  --color-dolly-cheek-500: #aa7760;
  --color-dolly-cheek-600: #8e5e48;
  --color-dolly-cheek-700: #744935;
  --color-dolly-cheek-800: #5d3726;
  --color-dolly-cheek-900: #49291b;
  --color-dolly-cheek-950: #2f180e;
  --color-scented-spring: #eed1f0;
  --color-scented-spring-50: #fef5ff;
  --color-scented-spring-100: #fae8fb;
  --color-scented-spring-200: #eed1f0;
  --color-scented-spring-300: #d3bcd5;
  --color-scented-spring-400: #b49ab6;
  --color-scented-spring-500: #987e9a;
  --color-scented-spring-600: #7c637e;
  --color-scented-spring-700: #644d65;
  --color-scented-spring-800: #4e3a50;
  --color-scented-spring-900: #3d2c3e;
  --color-scented-spring-950: #261a27;
  --color-blister-pearl: #aff9e0;
  --color-blister-pearl-50: #d3fced;
  --color-blister-pearl-100: #aff9e0;
  --color-blister-pearl-200: #abe2cf;
  --color-blister-pearl-300: #8fcdb8;
  --color-blister-pearl-400: #6ab099;
  --color-blister-pearl-500: #4d957f;
  --color-blister-pearl-600: #327a65;
  --color-blister-pearl-700: #1e6350;
  --color-blister-pearl-800: #0e4e3e;
  --color-blister-pearl-900: #043c2f;
  --color-blister-pearl-950: #01261c;
}