Azureno to Ultrapurple Merge color palette

91A2E0Azureno 678E47Hidden Paradise 365304Deep Forestial Escapade ECB9D2Sweet Lilac 5B5198Ultrapurple Merge

Open in generator Export PNG, PDF, ASE…

About this palette

Azureno to Ultrapurple Merge is a 5-color cool palette: #91A2E0 (Azureno), #678E47 (Hidden Paradise), #365304 (Deep Forestial Escapade), #ECB9D2 (Sweet Lilac), #5B5198 (Ultrapurple Merge). It mixes blue, green, pink, purple tones and feels cool overall. The strongest text pairing is #365304 on #ECB9D2 with a contrast ratio of 5.19:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Azureno	rgb(145, 162, 224)	hsl(227, 56%, 72%)
Hidden Paradise	rgb(103, 142, 71)	hsl(93, 33%, 42%)
Deep Forestial Escapade	rgb(54, 83, 4)	hsl(82, 91%, 17%)
Sweet Lilac	rgb(236, 185, 210)	hsl(331, 57%, 83%)
Ultrapurple Merge	rgb(91, 81, 152)	hsl(248, 30%, 46%)

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.

Aa5.19:1 Good#365304 on #ECB9D2
Aa5.19:1 Good#ECB9D2 on #365304
Aa4.04:1 Poor#ECB9D2 on #5B5198
Aa4.04:1 Poor#5B5198 on #ECB9D2
Aa3.53:1 Poor#91A2E0 on #365304
Aa3.53:1 Poor#365304 on #91A2E0

Color blindness preview

CSS variables

/* Azureno to Ultrapurple Merge — https://swatchly.xyz/palette/91a2e0-678e47-365304-ecb9d2-5b5198 */
:root {
  --azureno: #91a2e0;
  --hidden-paradise: #678e47;
  --deep-forestial-escapade: #365304;
  --sweet-lilac: #ecb9d2;
  --ultrapurple-merge: #5b5198;
}

Tailwind CSS v4

/* Azureno to Ultrapurple Merge — https://swatchly.xyz/palette/91a2e0-678e47-365304-ecb9d2-5b5198 */
@theme {
  --color-azureno: #91a2e0;
  --color-azureno-50: #f3f6ff;
  --color-azureno-100: #e7edff;
  --color-azureno-200: #cdd9ff;
  --color-azureno-300: #b2c2f8;
  --color-azureno-400: #91a2e0;
  --color-azureno-500: #7686c2;
  --color-azureno-600: #5c6aa3;
  --color-azureno-700: #465387;
  --color-azureno-800: #35406d;
  --color-azureno-900: #273056;
  --color-azureno-950: #171d38;
  --color-hidden-paradise: #678e47;
  --color-hidden-paradise-50: #e5fdd4;
  --color-hidden-paradise-100: #d8f4c4;
  --color-hidden-paradise-200: #c0e0a9;
  --color-hidden-paradise-300: #a6ca8b;
  --color-hidden-paradise-400: #83ab65;
  --color-hidden-paradise-500: #678e47;
  --color-hidden-paradise-600: #4f742f;
  --color-hidden-paradise-700: #3c5d1d;
  --color-hidden-paradise-800: #2d4910;
  --color-hidden-paradise-900: #213908;
  --color-hidden-paradise-950: #132402;
  --color-deep-forestial-escapade: #365304;
  --color-deep-forestial-escapade-50: #e9fed5;
  --color-deep-forestial-escapade-100: #ddf4c7;
  --color-deep-forestial-escapade-200: #c7e2ac;
  --color-deep-forestial-escapade-300: #b0ce90;
  --color-deep-forestial-escapade-400: #90b16c;
  --color-deep-forestial-escapade-500: #75964f;
  --color-deep-forestial-escapade-600: #5d7c36;
  --color-deep-forestial-escapade-700: #496523;
  --color-deep-forestial-escapade-800: #365304;
  --color-deep-forestial-escapade-900: #2a400a;
  --color-deep-forestial-escapade-950: #192903;
  --color-sweet-lilac: #ecb9d2;
  --color-sweet-lilac-50: #fff7fb;
  --color-sweet-lilac-100: #ffebf4;
  --color-sweet-lilac-200: #f8d3e5;
  --color-sweet-lilac-300: #ecb9d2;
  --color-sweet-lilac-400: #c899b0;
  --color-sweet-lilac-500: #ab7c93;
  --color-sweet-lilac-600: #8d6077;
  --color-sweet-lilac-700: #72495e;
  --color-sweet-lilac-800: #5a3749;
  --color-sweet-lilac-900: #452837;
  --color-sweet-lilac-950: #2d1823;
  --color-ultrapurple-merge: #5b5198;
  --color-ultrapurple-merge-50: #f4f4ff;
  --color-ultrapurple-merge-100: #eae8ff;
  --color-ultrapurple-merge-200: #d6d4ff;
  --color-ultrapurple-merge-300: #c0bbfe;
  --color-ultrapurple-merge-400: #a29be5;
  --color-ultrapurple-merge-500: #8980cb;
  --color-ultrapurple-merge-600: #7067b0;
  --color-ultrapurple-merge-700: #5b5198;
  --color-ultrapurple-merge-800: #473e7a;
  --color-ultrapurple-merge-900: #362f61;
  --color-ultrapurple-merge-950: #221c41;
}