Mars to Dogwood Color Palette

About this palette

Mars to Dogwood is a 5-color muted, warm, earthy, vintage palette: #AC6145 (Mars), #351F19 (Close but No Cigar), #D7A598 (Indian Mesa), #614031 (Grilled), #FFE9E0 (Dogwood). It mixes brown, red, white tones and feels warm overall. The strongest text pairing is #351F19 on #FFE9E0 with a contrast ratio of 13.21:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Mars	rgb(172, 97, 69)	hsl(16, 43%, 47%)
Close but No Cigar	rgb(53, 31, 25)	hsl(13, 36%, 15%)
Indian Mesa	rgb(215, 165, 152)	hsl(12, 44%, 72%)
Grilled	rgb(97, 64, 49)	hsl(19, 33%, 29%)
Dogwood	rgb(255, 233, 224)	hsl(17, 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.

Aa13.21:1 Super#351F19 on #FFE9E0
Aa13.21:1 Super#FFE9E0 on #351F19
Aa7.87:1 Very good#614031 on #FFE9E0
Aa7.87:1 Very good#FFE9E0 on #614031
Aa7.14:1 Very good#351F19 on #D7A598
Aa7.14:1 Very good#D7A598 on #351F19
Aa4.25:1 Poor#D7A598 on #614031
Aa4.25:1 Poor#614031 on #D7A598

Color blindness preview

CSS variables

/* Mars to Dogwood — https://swatchly.xyz/palette/ac6145-351f19-d7a598-614031-ffe9e0 */
:root {
  --mars: #ac6145;
  --close-but-no-cigar: #351f19;
  --indian-mesa: #d7a598;
  --grilled: #614031;
  --dogwood: #ffe9e0;
}

Tailwind CSS v4

/* Mars to Dogwood — https://swatchly.xyz/palette/ac6145-351f19-d7a598-614031-ffe9e0 */
@theme {
  --color-mars: #ac6145;
  --color-mars-50: #fff2ed;
  --color-mars-100: #ffe8e0;
  --color-mars-200: #ffd0bf;
  --color-mars-300: #f9b59c;
  --color-mars-400: #e09579;
  --color-mars-500: #c77a5e;
  --color-mars-600: #ac6145;
  --color-mars-700: #8e492f;
  --color-mars-800: #73361e;
  --color-mars-900: #5b2713;
  --color-mars-950: #3b1607;
  --color-close-but-no-cigar: #351f19;
  --color-close-but-no-cigar-50: #fff2ee;
  --color-close-but-no-cigar-100: #fae6e1;
  --color-close-but-no-cigar-200: #e9d2cb;
  --color-close-but-no-cigar-300: #d4bab3;
  --color-close-but-no-cigar-400: #b69a93;
  --color-close-but-no-cigar-500: #9c8079;
  --color-close-but-no-cigar-600: #826760;
  --color-close-but-no-cigar-700: #6a524c;
  --color-close-but-no-cigar-800: #57413b;
  --color-close-but-no-cigar-900: #46332e;
  --color-close-but-no-cigar-950: #351f19;
  --color-indian-mesa: #d7a598;
  --color-indian-mesa-50: #ffe8e2;
  --color-indian-mesa-100: #fcd8ce;
  --color-indian-mesa-200: #eac0b5;
  --color-indian-mesa-300: #d7a598;
  --color-indian-mesa-400: #b8897d;
  --color-indian-mesa-500: #9f7064;
  --color-indian-mesa-600: #84594e;
  --color-indian-mesa-700: #6d463c;
  --color-indian-mesa-800: #58362d;
  --color-indian-mesa-900: #472a23;
  --color-indian-mesa-950: #2e1914;
  --color-grilled: #614031;
  --color-grilled-50: #fff2ec;
  --color-grilled-100: #ffe5da;
  --color-grilled-200: #efd0c3;
  --color-grilled-300: #dcbaab;
  --color-grilled-400: #c09b8b;
  --color-grilled-500: #a68070;
  --color-grilled-600: #8b6758;
  --color-grilled-700: #735244;
  --color-grilled-800: #614031;
  --color-grilled-900: #4a3226;
  --color-grilled-950: #301e16;
  --color-dogwood: #ffe9e0;
  --color-dogwood-50: #fff5f1;
  --color-dogwood-100: #ffe9e0;
  --color-dogwood-200: #e6d6d0;
  --color-dogwood-300: #d0bfb7;
  --color-dogwood-400: #b29e96;
  --color-dogwood-500: #96827a;
  --color-dogwood-600: #7a6860;
  --color-dogwood-700: #62514a;
  --color-dogwood-800: #4d3f39;
  --color-dogwood-900: #3c302b;
  --color-dogwood-950: #261d19;
}