Airy Fields to Chorus of Frogs color palette

D9E2BFAiry Fields 6A4F98Ultrapurple Merge D9BFFCNeon Boneyard AB96C8Enchanted Lilac 435400Deep Forestial Escapade 80922EChorus of Frogs

Open in generator Export PNG, PDF, ASE…

About this palette

Airy Fields to Chorus of Frogs is a 6-color cool palette: #D9E2BF (Airy Fields), #6A4F98 (Ultrapurple Merge), #D9BFFC (Neon Boneyard), #AB96C8 (Enchanted Lilac), #435400 (Deep Forestial Escapade), #80922E (Chorus of Frogs). It mixes green, purple tones and feels cool overall. The strongest text pairing is #D9E2BF on #435400 with a contrast ratio of 6.22:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Airy Fields	rgb(217, 226, 191)	hsl(75, 38%, 82%)
Ultrapurple Merge	rgb(106, 79, 152)	hsl(262, 32%, 45%)
Neon Boneyard	rgb(217, 191, 252)	hsl(266, 91%, 87%)
Enchanted Lilac	rgb(171, 150, 200)	hsl(265, 31%, 69%)
Deep Forestial Escapade	rgb(67, 84, 0)	hsl(72, 100%, 16%)
Chorus of Frogs	rgb(128, 146, 46)	hsl(71, 52%, 38%)

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.

Aa6.22:1 Good#D9E2BF on #435400
Aa6.22:1 Good#435400 on #D9E2BF
Aa5.11:1 Good#D9BFFC on #435400
Aa5.11:1 Good#435400 on #D9BFFC
Aa4.89:1 Good#D9E2BF on #6A4F98
Aa4.89:1 Good#6A4F98 on #D9E2BF
Aa4.02:1 Poor#6A4F98 on #D9BFFC
Aa4.02:1 Poor#D9BFFC on #6A4F98

Color blindness preview

CSS variables

/* Airy Fields to Chorus of Frogs — https://swatchly.xyz/palette/d9e2bf-6a4f98-d9bffc-ab96c8-435400-80922e */
:root {
  --airy-fields: #d9e2bf;
  --ultrapurple-merge: #6a4f98;
  --neon-boneyard: #d9bffc;
  --enchanted-lilac: #ab96c8;
  --deep-forestial-escapade: #435400;
  --chorus-of-frogs: #80922e;
}

Tailwind CSS v4

/* Airy Fields to Chorus of Frogs — https://swatchly.xyz/palette/d9e2bf-6a4f98-d9bffc-ab96c8-435400-80922e */
@theme {
  --color-airy-fields: #d9e2bf;
  --color-airy-fields-50: #f7fce9;
  --color-airy-fields-100: #edf3de;
  --color-airy-fields-200: #d9e2bf;
  --color-airy-fields-300: #c2c9ad;
  --color-airy-fields-400: #a1a98a;
  --color-airy-fields-500: #858d6d;
  --color-airy-fields-600: #6a7253;
  --color-airy-fields-700: #535a3e;
  --color-airy-fields-800: #40462d;
  --color-airy-fields-900: #313621;
  --color-airy-fields-950: #1e2112;
  --color-ultrapurple-merge: #6a4f98;
  --color-ultrapurple-merge-50: #f6f3ff;
  --color-ultrapurple-merge-100: #eee7ff;
  --color-ultrapurple-merge-200: #dfd1ff;
  --color-ultrapurple-merge-300: #ceb7fc;
  --color-ultrapurple-merge-400: #b198e3;
  --color-ultrapurple-merge-500: #987dca;
  --color-ultrapurple-merge-600: #7f64af;
  --color-ultrapurple-merge-700: #6a4f98;
  --color-ultrapurple-merge-800: #533c7a;
  --color-ultrapurple-merge-900: #412d62;
  --color-ultrapurple-merge-950: #291a41;
  --color-neon-boneyard: #d9bffc;
  --color-neon-boneyard-50: #f2e9ff;
  --color-neon-boneyard-100: #e9daff;
  --color-neon-boneyard-200: #d9bffc;
  --color-neon-boneyard-300: #c3ace1;
  --color-neon-boneyard-400: #a68ec6;
  --color-neon-boneyard-500: #8d74ac;
  --color-neon-boneyard-600: #735c91;
  --color-neon-boneyard-700: #5e4878;
  --color-neon-boneyard-800: #4b3862;
  --color-neon-boneyard-900: #3a2a4e;
  --color-neon-boneyard-950: #241932;
  --color-enchanted-lilac: #ab96c8;
  --color-enchanted-lilac-50: #f7f2ff;
  --color-enchanted-lilac-100: #f0e6ff;
  --color-enchanted-lilac-200: #dfcff6;
  --color-enchanted-lilac-300: #c9b7e3;
  --color-enchanted-lilac-400: #ab96c8;
  --color-enchanted-lilac-500: #8f7bab;
  --color-enchanted-lilac-600: #75618f;
  --color-enchanted-lilac-700: #5d4b75;
  --color-enchanted-lilac-800: #493a5e;
  --color-enchanted-lilac-900: #392b4a;
  --color-enchanted-lilac-950: #241a30;
  --color-deep-forestial-escapade: #435400;
  --color-deep-forestial-escapade-50: #eefcd3;
  --color-deep-forestial-escapade-100: #e4f3c4;
  --color-deep-forestial-escapade-200: #cddea7;
  --color-deep-forestial-escapade-300: #b3c787;
  --color-deep-forestial-escapade-400: #92a65f;
  --color-deep-forestial-escapade-500: #758940;
  --color-deep-forestial-escapade-600: #5a6c26;
  --color-deep-forestial-escapade-700: #435400;
  --color-deep-forestial-escapade-800: #344106;
  --color-deep-forestial-escapade-900: #273202;
  --color-deep-forestial-escapade-950: #171f00;
  --color-chorus-of-frogs: #80922e;
  --color-chorus-of-frogs-50: #f0fdc9;
  --color-chorus-of-frogs-100: #e6f4ba;
  --color-chorus-of-frogs-200: #d1e29c;
  --color-chorus-of-frogs-300: #bacc7c;
  --color-chorus-of-frogs-400: #9bad51;
  --color-chorus-of-frogs-500: #80922e;
  --color-chorus-of-frogs-600: #667606;
  --color-chorus-of-frogs-700: #505e00;
  --color-chorus-of-frogs-800: #3e4900;
  --color-chorus-of-frogs-900: #2f3800;
  --color-chorus-of-frogs-950: #1d2300;
}