Limestoned to Pollen Color Palette

About this palette

Limestoned to Pollen is a 4-color pastel, light, cool, gradient palette: #A8CFA1 (Limestoned), #DFCEE8 (Decadial Pink), #ADE4F7 (Frozen Landscape), #E5F4B5 (Pollen). It mixes green, purple, blue tones and feels cool overall. The strongest text pairing is #A8CFA1 on #E5F4B5 with a contrast ratio of 1.48:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Limestoned	rgb(168, 207, 161)	hsl(111, 32%, 72%)
Decadial Pink	rgb(223, 206, 232)	hsl(279, 36%, 86%)
Frozen Landscape	rgb(173, 228, 247)	hsl(195, 82%, 82%)
Pollen	rgb(229, 244, 181)	hsl(74, 74%, 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

/* Limestoned to Pollen — https://swatchly.xyz/palette/a8cfa1-dfcee8-ade4f7-e5f4b5 */
:root {
  --limestoned: #a8cfa1;
  --decadial-pink: #dfcee8;
  --frozen-landscape: #ade4f7;
  --pollen: #e5f4b5;
}

Tailwind CSS v4

/* Limestoned to Pollen — https://swatchly.xyz/palette/a8cfa1-dfcee8-ade4f7-e5f4b5 */
@theme {
  --color-limestoned: #a8cfa1;
  --color-limestoned-50: #e7fde3;
  --color-limestoned-100: #dcf4d7;
  --color-limestoned-200: #c5e2c0;
  --color-limestoned-300: #a8cfa1;
  --color-limestoned-400: #8aae84;
  --color-limestoned-500: #6e9367;
  --color-limestoned-600: #54774e;
  --color-limestoned-700: #3f5f3a;
  --color-limestoned-800: #2f4b2a;
  --color-limestoned-900: #223a1e;
  --color-limestoned-950: #132410;
  --color-decadial-pink: #dfcee8;
  --color-decadial-pink-50: #f9effe;
  --color-decadial-pink-100: #f0e5f5;
  --color-decadial-pink-200: #dfcee8;
  --color-decadial-pink-300: #c7b9cf;
  --color-decadial-pink-400: #a999b1;
  --color-decadial-pink-500: #8e7e96;
  --color-decadial-pink-600: #74657b;
  --color-decadial-pink-700: #5d4f63;
  --color-decadial-pink-800: #493d4f;
  --color-decadial-pink-900: #382e3d;
  --color-decadial-pink-950: #231c27;
  --color-frozen-landscape: #ade4f7;
  --color-frozen-landscape-50: #ebfaff;
  --color-frozen-landscape-100: #d3f4ff;
  --color-frozen-landscape-200: #ade4f7;
  --color-frozen-landscape-300: #9ecbdb;
  --color-frozen-landscape-400: #79acbd;
  --color-frozen-landscape-500: #5c90a2;
  --color-frozen-landscape-600: #417586;
  --color-frozen-landscape-700: #2d5d6c;
  --color-frozen-landscape-800: #1e4956;
  --color-frozen-landscape-900: #133843;
  --color-frozen-landscape-950: #08232b;
  --color-pollen: #e5f4b5;
  --color-pollen-50: #f2fad8;
  --color-pollen-100: #e5f4b5;
  --color-pollen-200: #d3deb1;
  --color-pollen-300: #bcc894;
  --color-pollen-400: #9ca970;
  --color-pollen-500: #818d53;
  --color-pollen-600: #677239;
  --color-pollen-700: #515b26;
  --color-pollen-800: #3e4718;
  --color-pollen-900: #30370e;
  --color-pollen-950: #1d2205;
}