Alpine Expedition to Frozen Periwinkle color palette

ACEFFDAlpine Expedition DEE9BCMellow Mint E8C0C7Light Blush FFE7D9Blossom D2CEF1Frozen Periwinkle

About this palette

Alpine Expedition to Frozen Periwinkle is a 5-color pastel, light, cool palette: #ACEFFD (Alpine Expedition), #DEE9BC (Mellow Mint), #E8C0C7 (Light Blush), #FFE7D9 (Blossom), #D2CEF1 (Frozen Periwinkle). It mixes turquoise, green, pink, white, purple tones and feels cool overall. The strongest text pairing is #E8C0C7 on #FFE7D9 with a contrast ratio of 1.38:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Alpine Expedition	rgb(172, 239, 253)	hsl(190, 95%, 83%)
Mellow Mint	rgb(222, 233, 188)	hsl(75, 51%, 83%)
Light Blush	rgb(232, 192, 199)	hsl(350, 47%, 83%)
Blossom	rgb(255, 231, 217)	hsl(22, 100%, 93%)
Frozen Periwinkle	rgb(210, 206, 241)	hsl(247, 56%, 88%)

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

/* Alpine Expedition to Frozen Periwinkle — https://swatchly.xyz/palette/aceffd-dee9bc-e8c0c7-ffe7d9-d2cef1 */
:root {
  --alpine-expedition: #aceffd;
  --mellow-mint: #dee9bc;
  --light-blush: #e8c0c7;
  --blossom: #ffe7d9;
  --frozen-periwinkle: #d2cef1;
}

Tailwind CSS v4

/* Alpine Expedition to Frozen Periwinkle — https://swatchly.xyz/palette/aceffd-dee9bc-e8c0c7-ffe7d9-d2cef1 */
@theme {
  --color-alpine-expedition: #aceffd;
  --color-alpine-expedition-50: #cff6fe;
  --color-alpine-expedition-100: #aceffd;
  --color-alpine-expedition-200: #a7dae5;
  --color-alpine-expedition-300: #8dc6d2;
  --color-alpine-expedition-400: #6aa9b6;
  --color-alpine-expedition-500: #4d8f9c;
  --color-alpine-expedition-600: #347581;
  --color-alpine-expedition-700: #215f6a;
  --color-alpine-expedition-800: #124a54;
  --color-alpine-expedition-900: #083a42;
  --color-alpine-expedition-950: #02242a;
  --color-mellow-mint: #dee9bc;
  --color-mellow-mint-50: #ebf2d7;
  --color-mellow-mint-100: #dee9bc;
  --color-mellow-mint-200: #cdd5b3;
  --color-mellow-mint-300: #b7c19b;
  --color-mellow-mint-400: #99a37a;
  --color-mellow-mint-500: #808960;
  --color-mellow-mint-600: #677048;
  --color-mellow-mint-700: #525a36;
  --color-mellow-mint-800: #3f4626;
  --color-mellow-mint-900: #30361b;
  --color-mellow-mint-950: #1d220e;
  --color-light-blush: #e8c0c7;
  --color-light-blush-50: #fff9fa;
  --color-light-blush-100: #ffeef1;
  --color-light-blush-200: #f5d9dd;
  --color-light-blush-300: #e8c0c7;
  --color-light-blush-400: #c4a0a6;
  --color-light-blush-500: #a78288;
  --color-light-blush-600: #89666c;
  --color-light-blush-700: #6e4e54;
  --color-light-blush-800: #573b40;
  --color-light-blush-900: #422b30;
  --color-light-blush-950: #2a1a1d;
  --color-blossom: #ffe7d9;
  --color-blossom-50: #fff4ed;
  --color-blossom-100: #ffe7d9;
  --color-blossom-200: #e6d5ca;
  --color-blossom-300: #d1bdb2;
  --color-blossom-400: #b39d91;
  --color-blossom-500: #978275;
  --color-blossom-600: #7b675b;
  --color-blossom-700: #635146;
  --color-blossom-800: #4e3f35;
  --color-blossom-900: #3d3028;
  --color-blossom-950: #271d17;
  --color-frozen-periwinkle: #d2cef1;
  --color-frozen-periwinkle-50: #f1f0ff;
  --color-frozen-periwinkle-100: #e7e4fb;
  --color-frozen-periwinkle-200: #d2cef1;
  --color-frozen-periwinkle-300: #bcb9d7;
  --color-frozen-periwinkle-400: #9e9aba;
  --color-frozen-periwinkle-500: #837f9f;
  --color-frozen-periwinkle-600: #6a6684;
  --color-frozen-periwinkle-700: #54516c;
  --color-frozen-periwinkle-800: #423f57;
  --color-frozen-periwinkle-900: #333044;
  --color-frozen-periwinkle-950: #1f1d2c;
}