Salty Ice to Close but No Cigar color palette

C7E7FFSalty Ice AFAE5FPalm 95873ENegishi Green A5533DTruffle Trouble 004673Mermaid Blues 391400Close but No Cigar

Open in generator Export PNG, PDF, ASE…

About this palette

Salty Ice to Close but No Cigar is a 6-color warm, vintage palette: #C7E7FF (Salty Ice), #AFAE5F (Palm), #95873E (Negishi Green), #A5533D (Truffle Trouble), #004673 (Mermaid Blues), #391400 (Close but No Cigar). It mixes blue, yellow, red, brown tones and feels warm overall. The strongest text pairing is #C7E7FF on #391400 with a contrast ratio of 12.80:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Salty Ice	rgb(199, 231, 255)	hsl(206, 100%, 89%)
Palm	rgb(175, 174, 95)	hsl(59, 33%, 53%)
Negishi Green	rgb(149, 135, 62)	hsl(50, 41%, 41%)
Truffle Trouble	rgb(165, 83, 61)	hsl(13, 46%, 44%)
Mermaid Blues	rgb(0, 70, 115)	hsl(203, 100%, 23%)
Close but No Cigar	rgb(57, 20, 0)	hsl(21, 100%, 11%)

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.

Aa12.80:1 Super#C7E7FF on #391400
Aa12.80:1 Super#391400 on #C7E7FF
Aa7.68:1 Very good#C7E7FF on #004673
Aa7.68:1 Very good#004673 on #C7E7FF
Aa7.10:1 Very good#AFAE5F on #391400
Aa7.10:1 Very good#391400 on #AFAE5F
Aa4.56:1 Good#95873E on #391400
Aa4.56:1 Good#391400 on #95873E

Color blindness preview

CSS variables

/* Salty Ice to Close but No Cigar — https://swatchly.xyz/palette/c7e7ff-afae5f-95873e-a5533d-004673-391400 */
:root {
  --salty-ice: #c7e7ff;
  --palm: #afae5f;
  --negishi-green: #95873e;
  --truffle-trouble: #a5533d;
  --mermaid-blues: #004673;
  --close-but-no-cigar: #391400;
}

Tailwind CSS v4

/* Salty Ice to Close but No Cigar — https://swatchly.xyz/palette/c7e7ff-afae5f-95873e-a5533d-004673-391400 */
@theme {
  --color-salty-ice: #c7e7ff;
  --color-salty-ice-50: #ddf1ff;
  --color-salty-ice-100: #c7e7ff;
  --color-salty-ice-200: #bbd4e6;
  --color-salty-ice-300: #a4bfd4;
  --color-salty-ice-400: #84a2b7;
  --color-salty-ice-500: #6a889d;
  --color-salty-ice-600: #526e83;
  --color-salty-ice-700: #3f596b;
  --color-salty-ice-800: #2f4556;
  --color-salty-ice-900: #223543;
  --color-salty-ice-950: #13212b;
  --color-palm: #afae5f;
  --color-palm-50: #fbfbd2;
  --color-palm-100: #f2f3c5;
  --color-palm-200: #e1e1aa;
  --color-palm-300: #cccc8c;
  --color-palm-400: #afae5f;
  --color-palm-500: #929142;
  --color-palm-600: #767424;
  --color-palm-700: #5e5c0a;
  --color-palm-800: #494700;
  --color-palm-900: #383600;
  --color-palm-950: #222100;
  --color-negishi-green: #95873e;
  --color-negishi-green-50: #fef6cf;
  --color-negishi-green-100: #f5edc0;
  --color-negishi-green-200: #e3d9a3;
  --color-negishi-green-300: #cec285;
  --color-negishi-green-400: #b0a35d;
  --color-negishi-green-500: #95873e;
  --color-negishi-green-600: #7a6c22;
  --color-negishi-green-700: #62550c;
  --color-negishi-green-800: #4d4200;
  --color-negishi-green-900: #3c3300;
  --color-negishi-green-950: #251f00;
  --color-truffle-trouble: #a5533d;
  --color-truffle-trouble-50: #fff2ee;
  --color-truffle-trouble-100: #ffe5de;
  --color-truffle-trouble-200: #ffcabc;
  --color-truffle-trouble-300: #f9ac97;
  --color-truffle-trouble-400: #de8a73;
  --color-truffle-trouble-500: #c26d57;
  --color-truffle-trouble-600: #a5533d;
  --color-truffle-trouble-700: #883e2a;
  --color-truffle-trouble-800: #6e2d1c;
  --color-truffle-trouble-900: #572012;
  --color-truffle-trouble-950: #391207;
  --color-mermaid-blues: #004673;
  --color-mermaid-blues-50: #edf6ff;
  --color-mermaid-blues-100: #dbeeff;
  --color-mermaid-blues-200: #b6ddff;
  --color-mermaid-blues-300: #94c7f4;
  --color-mermaid-blues-400: #6fa8d9;
  --color-mermaid-blues-500: #518cbe;
  --color-mermaid-blues-600: #3771a0;
  --color-mermaid-blues-700: #245a85;
  --color-mermaid-blues-800: #004673;
  --color-mermaid-blues-900: #0b3656;
  --color-mermaid-blues-950: #042138;
  --color-close-but-no-cigar: #391400;
  --color-close-but-no-cigar-50: #fff2ec;
  --color-close-but-no-cigar-100: #ffe5d8;
  --color-close-but-no-cigar-200: #f4cebc;
  --color-close-but-no-cigar-300: #e1b6a1;
  --color-close-but-no-cigar-400: #c4967f;
  --color-close-but-no-cigar-500: #a87a63;
  --color-close-but-no-cigar-600: #8c614a;
  --color-close-but-no-cigar-700: #734b37;
  --color-close-but-no-cigar-800: #5c3a28;
  --color-close-but-no-cigar-900: #492c1d;
  --color-close-but-no-cigar-950: #391400;
}