Start generating

Freeze Up to Limestoned color palette

E2EAFFFreeze UpEABCB9Angry GhostE1CDFFNeon BoneyardFFE0C4Coral KissADCCA0Limestoned
Open in generator Export PNG, PDF, ASE…

About this palette

Freeze Up to Limestoned is a 5-color pastel, light palette: #E2EAFF (Freeze Up), #EABCB9 (Angry Ghost), #E1CDFF (Neon Boneyard), #FFE0C4 (Coral Kiss), #ADCCA0 (Limestoned). It mixes white, pink, purple, orange, green tones and feels balanced overall. The strongest text pairing is #E2EAFF on #ADCCA0 with a contrast ratio of 1.46:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Freeze Uprgb(226, 234, 255)hsl(223, 100%, 94%)
Angry Ghostrgb(234, 188, 185)hsl(4, 54%, 82%)
Neon Boneyardrgb(225, 205, 255)hsl(264, 100%, 90%)
Coral Kissrgb(255, 224, 196)hsl(28, 100%, 88%)
Limestonedrgb(173, 204, 160)hsl(102, 30%, 71%)

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

    • Protanopia
    • Deuteranopia
    • Tritanopia
    • Achromatopsia
    • Dog vision

    CSS variables

    /* Freeze Up to Limestoned — https://swatchly.xyz/palette/e2eaff-eabcb9-e1cdff-ffe0c4-adcca0 */
:root {
  --freeze-up: #e2eaff;
  --angry-ghost: #eabcb9;
  --neon-boneyard: #e1cdff;
  --coral-kiss: #ffe0c4;
  --limestoned: #adcca0;
}

    Tailwind CSS v4

    /* Freeze Up to Limestoned — https://swatchly.xyz/palette/e2eaff-eabcb9-e1cdff-ffe0c4-adcca0 */
@theme {
  --color-freeze-up: #e2eaff;
  --color-freeze-up-50: #f0f4ff;
  --color-freeze-up-100: #e2eaff;
  --color-freeze-up-200: #d1d7e6;
  --color-freeze-up-300: #b9c0d1;
  --color-freeze-up-400: #9aa1b4;
  --color-freeze-up-500: #7e8698;
  --color-freeze-up-600: #656b7d;
  --color-freeze-up-700: #4f5565;
  --color-freeze-up-800: #3d4250;
  --color-freeze-up-900: #2e333e;
  --color-freeze-up-950: #1c1f28;
  --color-angry-ghost: #eabcb9;
  --color-angry-ghost-50: #fff7f7;
  --color-angry-ghost-100: #ffebea;
  --color-angry-ghost-200: #f6d5d3;
  --color-angry-ghost-300: #eabcb9;
  --color-angry-ghost-400: #c69c99;
  --color-angry-ghost-500: #a97f7c;
  --color-angry-ghost-600: #8c6361;
  --color-angry-ghost-700: #714d4b;
  --color-angry-ghost-800: #593a38;
  --color-angry-ghost-900: #452b29;
  --color-angry-ghost-950: #2c1918;
  --color-neon-boneyard: #e1cdff;
  --color-neon-boneyard-50: #f7f3ff;
  --color-neon-boneyard-100: #f0e6ff;
  --color-neon-boneyard-200: #e1cdff;
  --color-neon-boneyard-300: #c9b8e2;
  --color-neon-boneyard-400: #aa98c5;
  --color-neon-boneyard-500: #8f7caa;
  --color-neon-boneyard-600: #74628d;
  --color-neon-boneyard-700: #5d4c73;
  --color-neon-boneyard-800: #493a5d;
  --color-neon-boneyard-900: #382c49;
  --color-neon-boneyard-950: #231a2f;
  --color-coral-kiss: #ffe0c4;
  --color-coral-kiss-50: #ffeede;
  --color-coral-kiss-100: #ffe0c4;
  --color-coral-kiss-200: #e6cfba;
  --color-coral-kiss-300: #d2b8a1;
  --color-coral-kiss-400: #b59980;
  --color-coral-kiss-500: #9b7f65;
  --color-coral-kiss-600: #80654d;
  --color-coral-kiss-700: #68503a;
  --color-coral-kiss-800: #523e2a;
  --color-coral-kiss-900: #402f1e;
  --color-coral-kiss-950: #291c10;
  --color-limestoned: #adcca0;
  --color-limestoned-50: #eafce3;
  --color-limestoned-100: #dff2d7;
  --color-limestoned-200: #c9e0bf;
  --color-limestoned-300: #adcca0;
  --color-limestoned-400: #8fac83;
  --color-limestoned-500: #739067;
  --color-limestoned-600: #5a754e;
  --color-limestoned-700: #455e3a;
  --color-limestoned-800: #344a2a;
  --color-limestoned-900: #26391e;
  --color-limestoned-950: #162410;
}

    Similar palettes