Vinaceous Tawny to Corona Color Palette

About this palette

Vinaceous Tawny to Corona is a 5-color vibrant, warm, neon palette: #C74800 (Vinaceous Tawny), #8C8100 (Olive), #BC57FF (Magento), #D8A100 (Mustard Musketeers), #FFAF30 (Corona). It mixes orange, yellow, purple tones and feels warm overall. The strongest text pairing is #C74800 on #FFAF30 with a contrast ratio of 2.62:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Vinaceous Tawny	rgb(199, 72, 0)	hsl(22, 100%, 39%)
Olive	rgb(140, 129, 0)	hsl(55, 100%, 27%)
Magento	rgb(188, 87, 255)	hsl(276, 100%, 67%)
Mustard Musketeers	rgb(216, 161, 0)	hsl(45, 100%, 42%)
Corona	rgb(255, 175, 48)	hsl(37, 100%, 59%)

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

CSS variables

/* Vinaceous Tawny to Corona — https://swatchly.xyz/palette/c74800-8c8100-bc57ff-d8a100-ffaf30 */
:root {
  --vinaceous-tawny: #c74800;
  --olive: #8c8100;
  --magento: #bc57ff;
  --mustard-musketeers: #d8a100;
  --corona: #ffaf30;
}

Tailwind CSS v4

/* Vinaceous Tawny to Corona — https://swatchly.xyz/palette/c74800-8c8100-bc57ff-d8a100-ffaf30 */
@theme {
  --color-vinaceous-tawny: #c74800;
  --color-vinaceous-tawny-50: #fff2ed;
  --color-vinaceous-tawny-100: #ffe8df;
  --color-vinaceous-tawny-200: #ffd0be;
  --color-vinaceous-tawny-300: #ffb295;
  --color-vinaceous-tawny-400: #fd8251;
  --color-vinaceous-tawny-500: #e4642e;
  --color-vinaceous-tawny-600: #c74800;
  --color-vinaceous-tawny-700: #9f3800;
  --color-vinaceous-tawny-800: #7e2a00;
  --color-vinaceous-tawny-900: #621f00;
  --color-vinaceous-tawny-950: #401100;
  --color-olive: #8c8100;
  --color-olive-50: #fbf7c0;
  --color-olive-100: #f1ecad;
  --color-olive-200: #ded78c;
  --color-olive-300: #c8bf68;
  --color-olive-400: #a89e38;
  --color-olive-500: #8c8100;
  --color-olive-600: #716800;
  --color-olive-700: #5a5200;
  --color-olive-800: #464000;
  --color-olive-900: #373200;
  --color-olive-950: #231f00;
  --color-magento: #bc57ff;
  --color-magento-50: #faf5ff;
  --color-magento-100: #f5eaff;
  --color-magento-200: #ead3ff;
  --color-magento-300: #ddb6ff;
  --color-magento-400: #cb88ff;
  --color-magento-500: #bc57ff;
  --color-magento-600: #9d34dd;
  --color-magento-700: #8113bb;
  --color-magento-800: #670097;
  --color-magento-900: #4f0076;
  --color-magento-950: #32004d;
  --color-mustard-musketeers: #d8a100;
  --color-mustard-musketeers-50: #fff8ea;
  --color-mustard-musketeers-100: #ffeece;
  --color-mustard-musketeers-200: #ffd98c;
  --color-mustard-musketeers-300: #efc263;
  --color-mustard-musketeers-400: #d8a100;
  --color-mustard-musketeers-500: #b48500;
  --color-mustard-musketeers-600: #916b00;
  --color-mustard-musketeers-700: #735400;
  --color-mustard-musketeers-800: #594100;
  --color-mustard-musketeers-900: #443000;
  --color-mustard-musketeers-950: #2a1d00;
  --color-corona: #ffaf30;
  --color-corona-50: #fff4e6;
  --color-corona-100: #ffe8cb;
  --color-corona-200: #ffcf90;
  --color-corona-300: #ffaf30;
  --color-corona-400: #da9000;
  --color-corona-500: #b67800;
  --color-corona-600: #936000;
  --color-corona-700: #754b00;
  --color-corona-800: #5c3a00;
  --color-corona-900: #482c00;
  --color-corona-950: #2e1b00;
}