Start generating

Chef’s Kiss to Rrosy-Fingered Dawn color palette

D0413FChef’s KissF68800Atomic Orange00DFA5Envy’s Love00B993Slime GirlDD6E0024 CarrotC50084Rrosy-Fingered Dawn
Open in generator Export PNG, PDF, ASE…

About this palette

Chef’s Kiss to Rrosy-Fingered Dawn is a 6-color vibrant, warm, neon palette: #D0413F (Chef’s Kiss), #F68800 (Atomic Orange), #00DFA5 (Envy’s Love), #00B993 (Slime Girl), #DD6E00 (24 Carrot), #C50084 (Rrosy-Fingered Dawn). It mixes red, orange, turquoise tones and feels warm overall. The strongest text pairing is #00DFA5 on #C50084 with a contrast ratio of 3.26:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Chef’s Kissrgb(208, 65, 63)hsl(1, 61%, 53%)
Atomic Orangergb(246, 136, 0)hsl(33, 100%, 48%)
Envy’s Lovergb(0, 223, 165)hsl(164, 100%, 44%)
Slime Girlrgb(0, 185, 147)hsl(168, 100%, 36%)
24 Carrotrgb(221, 110, 0)hsl(30, 100%, 43%)
Rrosy-Fingered Dawnrgb(197, 0, 132)hsl(320, 100%, 39%)

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.26:1 Poor#00DFA5 on #C50084
  • Aa3.26:1 Poor#C50084 on #00DFA5

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Chef’s Kiss to Rrosy-Fingered Dawn — https://swatchly.xyz/palette/d0413f-f68800-00dfa5-00b993-dd6e00-c50084 */
:root {
  --chef-s-kiss: #d0413f;
  --atomic-orange: #f68800;
  --envy-s-love: #00dfa5;
  --slime-girl: #00b993;
  --c-24-carrot: #dd6e00;
  --rrosy-fingered-dawn: #c50084;
}

Tailwind CSS v4

/* Chef’s Kiss to Rrosy-Fingered Dawn — https://swatchly.xyz/palette/d0413f-f68800-00dfa5-00b993-dd6e00-c50084 */
@theme {
  --color-chef-s-kiss: #d0413f;
  --color-chef-s-kiss-50: #ffefed;
  --color-chef-s-kiss-100: #ffdeda;
  --color-chef-s-kiss-200: #ffbfb8;
  --color-chef-s-kiss-300: #ff988f;
  --color-chef-s-kiss-400: #f1635d;
  --color-chef-s-kiss-500: #d0413f;
  --color-chef-s-kiss-600: #b02629;
  --color-chef-s-kiss-700: #931119;
  --color-chef-s-kiss-800: #78000e;
  --color-chef-s-kiss-900: #600008;
  --color-chef-s-kiss-950: #400004;
  --color-atomic-orange: #f68800;
  --color-atomic-orange-50: #fff6ef;
  --color-atomic-orange-100: #ffebdb;
  --color-atomic-orange-200: #ffd2b1;
  --color-atomic-orange-300: #ffb478;
  --color-atomic-orange-400: #f68800;
  --color-atomic-orange-500: #cd7000;
  --color-atomic-orange-600: #a65a00;
  --color-atomic-orange-700: #844600;
  --color-atomic-orange-800: #673600;
  --color-atomic-orange-900: #502800;
  --color-atomic-orange-950: #331700;
  --color-envy-s-love: #00dfa5;
  --color-envy-s-love-50: #d5ffec;
  --color-envy-s-love-100: #a7ffda;
  --color-envy-s-love-200: #7befc2;
  --color-envy-s-love-300: #00dfa5;
  --color-envy-s-love-400: #00bb8a;
  --color-envy-s-love-500: #009c72;
  --color-envy-s-love-600: #007e5c;
  --color-envy-s-love-700: #006448;
  --color-envy-s-love-800: #004f38;
  --color-envy-s-love-900: #003d2b;
  --color-envy-s-love-950: #00271a;
  --color-slime-girl: #00b993;
  --color-slime-girl-50: #d5fff0;
  --color-slime-girl-100: #aefde2;
  --color-slime-girl-200: #8aeccc;
  --color-slime-girl-300: #61d7b4;
  --color-slime-girl-400: #00b993;
  --color-slime-girl-500: #009a7a;
  --color-slime-girl-600: #007c62;
  --color-slime-girl-700: #00634d;
  --color-slime-girl-800: #004e3c;
  --color-slime-girl-900: #003c2e;
  --color-slime-girl-950: #00261c;
  --color-c-24-carrot: #dd6e00;
  --color-c-24-carrot-50: #fff5ef;
  --color-c-24-carrot-100: #ffebdf;
  --color-c-24-carrot-200: #ffd3b9;
  --color-c-24-carrot-300: #ffb688;
  --color-c-24-carrot-400: #f68c40;
  --color-c-24-carrot-500: #dd6e00;
  --color-c-24-carrot-600: #b35800;
  --color-c-24-carrot-700: #8f4500;
  --color-c-24-carrot-800: #703400;
  --color-c-24-carrot-900: #562700;
  --color-c-24-carrot-950: #371600;
  --color-rrosy-fingered-dawn: #c50084;
  --color-rrosy-fingered-dawn-50: #fff1f7;
  --color-rrosy-fingered-dawn-100: #ffe3ef;
  --color-rrosy-fingered-dawn-200: #ffc6e1;
  --color-rrosy-fingered-dawn-300: #ffa1d0;
  --color-rrosy-fingered-dawn-400: #ff5fb9;
  --color-rrosy-fingered-dawn-500: #e4379f;
  --color-rrosy-fingered-dawn-600: #c50084;
  --color-rrosy-fingered-dawn-700: #9e0069;
  --color-rrosy-fingered-dawn-800: #7d0052;
  --color-rrosy-fingered-dawn-900: #62003f;
  --color-rrosy-fingered-dawn-950: #400028;
}

Similar palettes