Close but No Cigar to Peach Puff color palette

351F00Close but No Cigar 6E3F33Single Origin A56251Dried Tomatoes C5AE5FDesert FFDBBAPeach Puff

About this palette

Close but No Cigar to Peach Puff is a 5-color warm, earthy, vintage, gradient palette: #351F00 (Close but No Cigar), #6E3F33 (Single Origin), #A56251 (Dried Tomatoes), #C5AE5F (Desert), #FFDBBA (Peach Puff). It mixes brown, red, yellow, orange tones and feels warm overall. The strongest text pairing is #351F00 on #FFDBBA with a contrast ratio of 11.94:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Close but No Cigar	rgb(53, 31, 0)	hsl(35, 100%, 10%)
Single Origin	rgb(110, 63, 51)	hsl(12, 37%, 32%)
Dried Tomatoes	rgb(165, 98, 81)	hsl(12, 34%, 48%)
Desert	rgb(197, 174, 95)	hsl(46, 47%, 57%)
Peach Puff	rgb(255, 219, 186)	hsl(29, 100%, 86%)

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.

Aa11.94:1 Very good#351F00 on #FFDBBA
Aa11.94:1 Very good#FFDBBA on #351F00
Aa7.12:1 Very good#351F00 on #C5AE5F
Aa7.12:1 Very good#C5AE5F on #351F00
Aa6.65:1 Good#6E3F33 on #FFDBBA
Aa6.65:1 Good#FFDBBA on #6E3F33
Aa3.96:1 Poor#6E3F33 on #C5AE5F
Aa3.96:1 Poor#C5AE5F on #6E3F33

Color blindness preview

CSS variables

/* Close but No Cigar to Peach Puff — https://swatchly.xyz/palette/351f00-6e3f33-a56251-c5ae5f-ffdbba */
:root {
  --close-but-no-cigar: #351f00;
  --single-origin: #6e3f33;
  --dried-tomatoes: #a56251;
  --desert: #c5ae5f;
  --peach-puff: #ffdbba;
}

Tailwind CSS v4

/* Close but No Cigar to Peach Puff — https://swatchly.xyz/palette/351f00-6e3f33-a56251-c5ae5f-ffdbba */
@theme {
  --color-close-but-no-cigar: #351f00;
  --color-close-but-no-cigar-50: #fff3e5;
  --color-close-but-no-cigar-100: #fae8d3;
  --color-close-but-no-cigar-200: #e9d4ba;
  --color-close-but-no-cigar-300: #d5bca0;
  --color-close-but-no-cigar-400: #b79c7d;
  --color-close-but-no-cigar-500: #9d8262;
  --color-close-but-no-cigar-600: #82694a;
  --color-close-but-no-cigar-700: #6b5437;
  --color-close-but-no-cigar-800: #574228;
  --color-close-but-no-cigar-900: #46341d;
  --color-close-but-no-cigar-950: #351f00;
  --color-single-origin: #6e3f33;
  --color-single-origin-50: #fff2ee;
  --color-single-origin-100: #ffe4dd;
  --color-single-origin-200: #f6cbbf;
  --color-single-origin-300: #e2b1a4;
  --color-single-origin-400: #c38f81;
  --color-single-origin-500: #a57264;
  --color-single-origin-600: #87574b;
  --color-single-origin-700: #6e3f33;
  --color-single-origin-800: #553128;
  --color-single-origin-900: #43251d;
  --color-single-origin-950: #2b1510;
  --color-dried-tomatoes: #a56251;
  --color-dried-tomatoes-50: #fff2ee;
  --color-dried-tomatoes-100: #ffe7e1;
  --color-dried-tomatoes-200: #ffcfc2;
  --color-dried-tomatoes-300: #f4b6a6;
  --color-dried-tomatoes-400: #d99684;
  --color-dried-tomatoes-500: #c07b69;
  --color-dried-tomatoes-600: #a56251;
  --color-dried-tomatoes-700: #884a3b;
  --color-dried-tomatoes-800: #6d372a;
  --color-dried-tomatoes-900: #56281d;
  --color-dried-tomatoes-950: #38170f;
  --color-desert: #c5ae5f;
  --color-desert-50: #fffae9;
  --color-desert-100: #fff3c8;
  --color-desert-200: #f1e1ac;
  --color-desert-300: #dfcc8f;
  --color-desert-400: #c5ae5f;
  --color-desert-500: #a69041;
  --color-desert-600: #88721f;
  --color-desert-700: #6e5900;
  --color-desert-800: #554500;
  --color-desert-900: #403300;
  --color-desert-950: #271e00;
  --color-peach-puff: #ffdbba;
  --color-peach-puff-50: #ffead6;
  --color-peach-puff-100: #ffdbba;
  --color-peach-puff-200: #e6cbb1;
  --color-peach-puff-300: #d3b599;
  --color-peach-puff-400: #b79678;
  --color-peach-puff-500: #9d7c5e;
  --color-peach-puff-600: #826447;
  --color-peach-puff-700: #6b4f34;
  --color-peach-puff-800: #553d25;
  --color-peach-puff-900: #422e1a;
  --color-peach-puff-950: #2a1c0d;
}