Start generating

Mexican Standoff to Dogwood color palette

EDA271Mexican Standoff021F18Nightmare67579BPassion Flower629F84Emerald Oasis3A3069Her HighnessFFEAE0Dogwood
Open in generator Export PNG, PDF, ASE…

About this palette

Mexican Standoff to Dogwood is a 6-color cool palette: #EDA271 (Mexican Standoff), #021F18 (Nightmare), #67579B (Passion Flower), #629F84 (Emerald Oasis), #3A3069 (Her Highness), #FFEAE0 (Dogwood). It mixes orange, turquoise, purple, green, white tones and feels cool overall. The strongest text pairing is #021F18 on #FFEAE0 with a contrast ratio of 14.93:1, and 6 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Mexican Standoffrgb(237, 162, 113)hsl(24, 78%, 69%)
Nightmarergb(2, 31, 24)hsl(166, 88%, 6%)
Passion Flowerrgb(103, 87, 155)hsl(254, 28%, 47%)
Emerald Oasisrgb(98, 159, 132)hsl(153, 24%, 50%)
Her Highnessrgb(58, 48, 105)hsl(251, 37%, 30%)
Dogwoodrgb(255, 234, 224)hsl(19, 100%, 94%)

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.

  • Aa14.93:1 Super#021F18 on #FFEAE0
  • Aa14.93:1 Super#FFEAE0 on #021F18
  • Aa10.02:1 Very good#3A3069 on #FFEAE0
  • Aa10.02:1 Very good#FFEAE0 on #3A3069
  • Aa8.26:1 Very good#EDA271 on #021F18
  • Aa8.26:1 Very good#021F18 on #EDA271
  • Aa5.62:1 Good#021F18 on #629F84
  • Aa5.62:1 Good#629F84 on #021F18

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Mexican Standoff to Dogwood — https://swatchly.xyz/palette/eda271-021f18-67579b-629f84-3a3069-ffeae0 */
:root {
  --mexican-standoff: #eda271;
  --nightmare: #021f18;
  --passion-flower: #67579b;
  --emerald-oasis: #629f84;
  --her-highness: #3a3069;
  --dogwood: #ffeae0;
}

Tailwind CSS v4

/* Mexican Standoff to Dogwood — https://swatchly.xyz/palette/eda271-021f18-67579b-629f84-3a3069-ffeae0 */
@theme {
  --color-mexican-standoff: #eda271;
  --color-mexican-standoff-50: #ffebdf;
  --color-mexican-standoff-100: #ffdbc5;
  --color-mexican-standoff-200: #fcbf98;
  --color-mexican-standoff-300: #eda271;
  --color-mexican-standoff-400: #cc8556;
  --color-mexican-standoff-500: #b26b3b;
  --color-mexican-standoff-600: #955323;
  --color-mexican-standoff-700: #7c4010;
  --color-mexican-standoff-800: #653003;
  --color-mexican-standoff-900: #512500;
  --color-mexican-standoff-950: #351500;
  --color-nightmare: #021f18;
  --color-nightmare-50: #e8faf4;
  --color-nightmare-100: #dcf1ea;
  --color-nightmare-200: #c5ded6;
  --color-nightmare-300: #acc8bf;
  --color-nightmare-400: #8ba9a0;
  --color-nightmare-500: #6e8d83;
  --color-nightmare-600: #537168;
  --color-nightmare-700: #3e5850;
  --color-nightmare-800: #2c433d;
  --color-nightmare-900: #1f322c;
  --color-nightmare-950: #021f18;
  --color-passion-flower: #67579b;
  --color-passion-flower-50: #f5f3ff;
  --color-passion-flower-100: #eae6ff;
  --color-passion-flower-200: #d6cdff;
  --color-passion-flower-300: #beb2f4;
  --color-passion-flower-400: #9e90d7;
  --color-passion-flower-500: #8273b9;
  --color-passion-flower-600: #67579b;
  --color-passion-flower-700: #52437f;
  --color-passion-flower-800: #403367;
  --color-passion-flower-900: #312752;
  --color-passion-flower-950: #1f1736;
  --color-emerald-oasis: #629f84;
  --color-emerald-oasis-50: #e2fff1;
  --color-emerald-oasis-100: #d4f9e7;
  --color-emerald-oasis-200: #bde9d4;
  --color-emerald-oasis-300: #a3d5bd;
  --color-emerald-oasis-400: #7fb99e;
  --color-emerald-oasis-500: #629f84;
  --color-emerald-oasis-600: #468268;
  --color-emerald-oasis-700: #2f6851;
  --color-emerald-oasis-800: #1e523d;
  --color-emerald-oasis-900: #123f2e;
  --color-emerald-oasis-950: #07271b;
  --color-her-highness: #3a3069;
  --color-her-highness-50: #f4f4ff;
  --color-her-highness-100: #eae8ff;
  --color-her-highness-200: #d5d2ff;
  --color-her-highness-300: #bdb7f2;
  --color-her-highness-400: #9c95d5;
  --color-her-highness-500: #8078b8;
  --color-her-highness-600: #645d98;
  --color-her-highness-700: #4d467b;
  --color-her-highness-800: #3a3069;
  --color-her-highness-900: #2c264c;
  --color-her-highness-950: #1a1630;
  --color-dogwood: #ffeae0;
  --color-dogwood-50: #fff6f2;
  --color-dogwood-100: #ffeae0;
  --color-dogwood-200: #e6d7d0;
  --color-dogwood-300: #d0bfb7;
  --color-dogwood-400: #b19f96;
  --color-dogwood-500: #96837a;
  --color-dogwood-600: #7a6860;
  --color-dogwood-700: #61514a;
  --color-dogwood-800: #4d3f38;
  --color-dogwood-900: #3c302a;
  --color-dogwood-950: #261d19;
}

Similar palettes