Close but No Cigar to Snowy Mint color palette

3A1D12Close but No Cigar 6571EABlue Öyster Cult 8EB3F8Fly Away 953316Choco Chic D1FAD8Snowy Mint

About this palette

Close but No Cigar to Snowy Mint is a 5-color cool palette: #3A1D12 (Close but No Cigar), #6571EA (Blue Öyster Cult), #8EB3F8 (Fly Away), #953316 (Choco Chic), #D1FAD8 (Snowy Mint). It mixes brown, purple, blue, red, green tones and feels cool overall. The strongest text pairing is #3A1D12 on #D1FAD8 with a contrast ratio of 13.47:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Close but No Cigar	rgb(58, 29, 18)	hsl(16, 53%, 15%)
Blue Öyster Cult	rgb(101, 113, 234)	hsl(235, 76%, 66%)
Fly Away	rgb(142, 179, 248)	hsl(219, 88%, 76%)
Choco Chic	rgb(149, 51, 22)	hsl(14, 74%, 34%)
Snowy Mint	rgb(209, 250, 216)	hsl(130, 80%, 90%)

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.47:1 Super#3A1D12 on #D1FAD8
Aa13.47:1 Super#D1FAD8 on #3A1D12
Aa7.30:1 Very good#3A1D12 on #8EB3F8
Aa7.30:1 Very good#8EB3F8 on #3A1D12
Aa6.65:1 Good#953316 on #D1FAD8
Aa6.65:1 Good#D1FAD8 on #953316
Aa3.74:1 Poor#3A1D12 on #6571EA
Aa3.74:1 Poor#6571EA on #3A1D12

Color blindness preview

CSS variables

/* Close but No Cigar to Snowy Mint — https://swatchly.xyz/palette/3a1d12-6571ea-8eb3f8-953316-d1fad8 */
:root {
  --close-but-no-cigar: #3a1d12;
  --blue-yster-cult: #6571ea;
  --fly-away: #8eb3f8;
  --choco-chic: #953316;
  --snowy-mint: #d1fad8;
}

Tailwind CSS v4

/* Close but No Cigar to Snowy Mint — https://swatchly.xyz/palette/3a1d12-6571ea-8eb3f8-953316-d1fad8 */
@theme {
  --color-close-but-no-cigar: #3a1d12;
  --color-close-but-no-cigar-50: #fff2ed;
  --color-close-but-no-cigar-100: #fee5dc;
  --color-close-but-no-cigar-200: #eed0c5;
  --color-close-but-no-cigar-300: #dab9ac;
  --color-close-but-no-cigar-400: #bc988b;
  --color-close-but-no-cigar-500: #a27e71;
  --color-close-but-no-cigar-600: #886559;
  --color-close-but-no-cigar-700: #705145;
  --color-close-but-no-cigar-800: #5c4035;
  --color-close-but-no-cigar-900: #4a3229;
  --color-close-but-no-cigar-950: #3a1d12;
  --color-blue-yster-cult: #6571ea;
  --color-blue-yster-cult-50: #f1f4ff;
  --color-blue-yster-cult-100: #e3e8ff;
  --color-blue-yster-cult-200: #c8d2ff;
  --color-blue-yster-cult-300: #aab8ff;
  --color-blue-yster-cult-400: #8291ff;
  --color-blue-yster-cult-500: #6571ea;
  --color-blue-yster-cult-600: #4f57ca;
  --color-blue-yster-cult-700: #3c41aa;
  --color-blue-yster-cult-800: #2e308c;
  --color-blue-yster-cult-900: #222372;
  --color-blue-yster-cult-950: #14144d;
  --color-fly-away: #8eb3f8;
  --color-fly-away-50: #e5eeff;
  --color-fly-away-100: #d3e2ff;
  --color-fly-away-200: #b1ccff;
  --color-fly-away-300: #8eb3f8;
  --color-fly-away-400: #7396d8;
  --color-fly-away-500: #5a7dbe;
  --color-fly-away-600: #4464a1;
  --color-fly-away-700: #335087;
  --color-fly-away-800: #263f6f;
  --color-fly-away-900: #1c315b;
  --color-fly-away-950: #0f1e3c;
  --color-choco-chic: #953316;
  --color-choco-chic-50: #fff2ee;
  --color-choco-chic-100: #ffe5dd;
  --color-choco-chic-200: #ffcabb;
  --color-choco-chic-300: #ffa991;
  --color-choco-chic-400: #e98367;
  --color-choco-chic-500: #cd6649;
  --color-choco-chic-600: #ae4c30;
  --color-choco-chic-700: #953316;
  --color-choco-chic-800: #76260e;
  --color-choco-chic-900: #5e1a05;
  --color-choco-chic-950: #3e0d01;
  --color-snowy-mint: #d1fad8;
  --color-snowy-mint-50: #e8feec;
  --color-snowy-mint-100: #d1fad8;
  --color-snowy-mint-200: #c5e2ca;
  --color-snowy-mint-300: #abcdb1;
  --color-snowy-mint-400: #89ae8f;
  --color-snowy-mint-500: #6c9273;
  --color-snowy-mint-600: #527659;
  --color-snowy-mint-700: #3e5e44;
  --color-snowy-mint-800: #2d4a33;
  --color-snowy-mint-900: #213926;
  --color-snowy-mint-950: #122416;
}