Start generating

Discreet Orange to Donegal Green color palette

FFAC91Discreet OrangeD29C76CoyoteA68C5BIced Coffee7A7B40Verdant Leaf4D6924Bimi Green145700Donegal Green
Open in generator Export PNG, PDF, ASE…

About this palette

Discreet Orange to Donegal Green is a 6-color warm, earthy, vintage, gradient palette: #FFAC91 (Discreet Orange), #D29C76 (Coyote), #A68C5B (Iced Coffee), #7A7B40 (Verdant Leaf), #4D6924 (Bimi Green), #145700 (Donegal Green). It mixes pink, orange, yellow, green tones and feels warm overall. The strongest text pairing is #FFAC91 on #145700 with a contrast ratio of 4.83:1, and 1 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Discreet Orangergb(255, 172, 145)hsl(15, 100%, 78%)
Coyotergb(210, 156, 118)hsl(25, 51%, 64%)
Iced Coffeergb(166, 140, 91)hsl(39, 30%, 50%)
Verdant Leafrgb(122, 123, 64)hsl(61, 32%, 37%)
Bimi Greenrgb(77, 105, 36)hsl(84, 49%, 28%)
Donegal Greenrgb(20, 87, 0)hsl(106, 100%, 17%)

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.

  • Aa4.83:1 Good#FFAC91 on #145700
  • Aa4.83:1 Good#145700 on #FFAC91
  • Aa3.66:1 Poor#D29C76 on #145700
  • Aa3.66:1 Poor#145700 on #D29C76
  • Aa3.44:1 Poor#FFAC91 on #4D6924
  • Aa3.44:1 Poor#4D6924 on #FFAC91

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Discreet Orange to Donegal Green — https://swatchly.xyz/palette/ffac91-d29c76-a68c5b-7a7b40-4d6924-145700 */
:root {
  --discreet-orange: #ffac91;
  --coyote: #d29c76;
  --iced-coffee: #a68c5b;
  --verdant-leaf: #7a7b40;
  --bimi-green: #4d6924;
  --donegal-green: #145700;
}

Tailwind CSS v4

/* Discreet Orange to Donegal Green — https://swatchly.xyz/palette/ffac91-d29c76-a68c5b-7a7b40-4d6924-145700 */
@theme {
  --color-discreet-orange: #ffac91;
  --color-discreet-orange-50: #fff4f0;
  --color-discreet-orange-100: #ffe7e0;
  --color-discreet-orange-200: #ffcdbc;
  --color-discreet-orange-300: #ffac91;
  --color-discreet-orange-400: #da8d75;
  --color-discreet-orange-500: #be7057;
  --color-discreet-orange-600: #9f563e;
  --color-discreet-orange-700: #83402a;
  --color-discreet-orange-800: #692f1c;
  --color-discreet-orange-900: #532212;
  --color-discreet-orange-950: #361307;
  --color-coyote: #d29c76;
  --color-coyote-50: #fff6f0;
  --color-coyote-100: #ffebde;
  --color-coyote-200: #fcd4b8;
  --color-coyote-300: #ebbd9d;
  --color-coyote-400: #d29c76;
  --color-coyote-500: #b37f5a;
  --color-coyote-600: #95643f;
  --color-coyote-700: #7a4d2b;
  --color-coyote-800: #613a1c;
  --color-coyote-900: #4c2b11;
  --color-coyote-950: #301907;
  --color-iced-coffee: #a68c5b;
  --color-iced-coffee-50: #fff6e5;
  --color-iced-coffee-100: #fdedcf;
  --color-iced-coffee-200: #eedab6;
  --color-iced-coffee-300: #dbc59c;
  --color-iced-coffee-400: #bfa678;
  --color-iced-coffee-500: #a68c5b;
  --color-iced-coffee-600: #897040;
  --color-iced-coffee-700: #6e572a;
  --color-iced-coffee-800: #57431b;
  --color-iced-coffee-900: #44330f;
  --color-iced-coffee-950: #2a1e06;
  --color-verdant-leaf: #7a7b40;
  --color-verdant-leaf-50: #f7f8d6;
  --color-verdant-leaf-100: #eff1cb;
  --color-verdant-leaf-200: #dee0b4;
  --color-verdant-leaf-300: #c9cb99;
  --color-verdant-leaf-400: #acae75;
  --color-verdant-leaf-500: #939459;
  --color-verdant-leaf-600: #7a7b40;
  --color-verdant-leaf-700: #61622a;
  --color-verdant-leaf-800: #4c4c1a;
  --color-verdant-leaf-900: #3a3a0e;
  --color-verdant-leaf-950: #242405;
  --color-bimi-green: #4d6924;
  --color-bimi-green-50: #eafdd5;
  --color-bimi-green-100: #dff4c7;
  --color-bimi-green-200: #cbe3af;
  --color-bimi-green-300: #b4d094;
  --color-bimi-green-400: #95b370;
  --color-bimi-green-500: #7a9954;
  --color-bimi-green-600: #627f3b;
  --color-bimi-green-700: #4d6924;
  --color-bimi-green-800: #3b5217;
  --color-bimi-green-900: #2c400c;
  --color-bimi-green-950: #1a2803;
  --color-donegal-green: #145700;
  --color-donegal-green-50: #e2ffdc;
  --color-donegal-green-100: #cff9c7;
  --color-donegal-green-200: #b6e8ac;
  --color-donegal-green-300: #9bd490;
  --color-donegal-green-400: #78b66b;
  --color-donegal-green-500: #5b9c4e;
  --color-donegal-green-600: #428135;
  --color-donegal-green-700: #2e6a21;
  --color-donegal-green-800: #145700;
  --color-donegal-green-900: #144308;
  --color-donegal-green-950: #082b02;
}

Similar palettes