Unicorn Dust to Tomato Bisque Color Palette

About this palette

Unicorn Dust to Tomato Bisque is a 5-color vibrant, warm, neon palette: #FF3590 (Unicorn Dust), #AFD200 (Leafy Canopy), #B92A4A (Bleeding Heart), #FC64AC (Kisses), #CC5A00 (Tomato Bisque). It mixes pink, green, red, orange tones and feels warm overall. The strongest text pairing is #AFD200 on #B92A4A with a contrast ratio of 3.45:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Unicorn Dust	rgb(255, 53, 144)	hsl(333, 100%, 60%)
Leafy Canopy	rgb(175, 210, 0)	hsl(70, 100%, 41%)
Bleeding Heart	rgb(185, 42, 74)	hsl(347, 63%, 45%)
Kisses	rgb(252, 100, 172)	hsl(332, 96%, 69%)
Tomato Bisque	rgb(204, 90, 0)	hsl(26, 100%, 40%)

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.

Aa3.45:1 Poor#AFD200 on #B92A4A
Aa3.45:1 Poor#B92A4A on #AFD200

Color blindness preview

CSS variables

/* Unicorn Dust to Tomato Bisque — https://swatchly.xyz/palette/ff3590-afd200-b92a4a-fc64ac-cc5a00 */
:root {
  --unicorn-dust: #ff3590;
  --leafy-canopy: #afd200;
  --bleeding-heart: #b92a4a;
  --kisses: #fc64ac;
  --tomato-bisque: #cc5a00;
}

Tailwind CSS v4

/* Unicorn Dust to Tomato Bisque — https://swatchly.xyz/palette/ff3590-afd200-b92a4a-fc64ac-cc5a00 */
@theme {
  --color-unicorn-dust: #ff3590;
  --color-unicorn-dust-50: #ffeaf0;
  --color-unicorn-dust-100: #ffd9e3;
  --color-unicorn-dust-200: #ffb7cd;
  --color-unicorn-dust-300: #ff8cb3;
  --color-unicorn-dust-400: #ff3590;
  --color-unicorn-dust-500: #df0077;
  --color-unicorn-dust-600: #b60060;
  --color-unicorn-dust-700: #93004c;
  --color-unicorn-dust-800: #76003c;
  --color-unicorn-dust-900: #5e002f;
  --color-unicorn-dust-950: #40001e;
  --color-leafy-canopy: #afd200;
  --color-leafy-canopy-50: #ecffbb;
  --color-leafy-canopy-100: #dff89b;
  --color-leafy-canopy-200: #c9e674;
  --color-leafy-canopy-300: #afd200;
  --color-leafy-canopy-400: #92b000;
  --color-leafy-canopy-500: #799200;
  --color-leafy-canopy-600: #617600;
  --color-leafy-canopy-700: #4d5d00;
  --color-leafy-canopy-800: #3b4900;
  --color-leafy-canopy-900: #2d3800;
  --color-leafy-canopy-950: #1b2300;
  --color-bleeding-heart: #b92a4a;
  --color-bleeding-heart-50: #fff1f2;
  --color-bleeding-heart-100: #ffe3e4;
  --color-bleeding-heart-200: #ffc6ca;
  --color-bleeding-heart-300: #ffa1aa;
  --color-bleeding-heart-400: #f76b80;
  --color-bleeding-heart-500: #d94a64;
  --color-bleeding-heart-600: #b92a4a;
  --color-bleeding-heart-700: #991537;
  --color-bleeding-heart-800: #7c0229;
  --color-bleeding-heart-900: #62001e;
  --color-bleeding-heart-950: #410011;
  --color-kisses: #fc64ac;
  --color-kisses-50: #fff2f6;
  --color-kisses-100: #ffe4ee;
  --color-kisses-200: #ffc6dc;
  --color-kisses-300: #ffa1c8;
  --color-kisses-400: #fc64ac;
  --color-kisses-500: #db4690;
  --color-kisses-600: #ba2575;
  --color-kisses-700: #9b055d;
  --color-kisses-800: #7b0049;
  --color-kisses-900: #600038;
  --color-kisses-950: #3f0023;
  --color-tomato-bisque: #cc5a00;
  --color-tomato-bisque-50: #fff1ea;
  --color-tomato-bisque-100: #ffe3d5;
  --color-tomato-bisque-200: #ffc6aa;
  --color-tomato-bisque-300: #ffa374;
  --color-tomato-bisque-400: #ea7938;
  --color-tomato-bisque-500: #cc5a00;
  --color-tomato-bisque-600: #a54800;
  --color-tomato-bisque-700: #853800;
  --color-tomato-bisque-800: #692b00;
  --color-tomato-bisque-900: #532000;
  --color-tomato-bisque-950: #361200;
}