Close but No Cigar to Breeze color palette

2C2205Close but No Cigar 56471DJungle King 8A742EBay Leaf 959FCEAzureno B0C7F3Breeze

About this palette

Close but No Cigar to Breeze is a 5-color warm, earthy, vintage palette: #2C2205 (Close but No Cigar), #56471D (Jungle King), #8A742E (Bay Leaf), #959FCE (Azureno), #B0C7F3 (Breeze). It mixes brown, yellow, purple, blue tones and feels warm overall. The strongest text pairing is #2C2205 on #B0C7F3 with a contrast ratio of 9.20:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Close but No Cigar	rgb(44, 34, 5)	hsl(45, 80%, 10%)
Jungle King	rgb(86, 71, 29)	hsl(44, 50%, 23%)
Bay Leaf	rgb(138, 116, 46)	hsl(46, 50%, 36%)
Azureno	rgb(149, 159, 206)	hsl(229, 37%, 70%)
Breeze	rgb(176, 199, 243)	hsl(219, 74%, 82%)

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.

Aa9.20:1 Very good#2C2205 on #B0C7F3
Aa9.20:1 Very good#B0C7F3 on #2C2205
Aa6.07:1 Good#2C2205 on #959FCE
Aa6.07:1 Good#959FCE on #2C2205
Aa5.32:1 Good#56471D on #B0C7F3
Aa5.32:1 Good#B0C7F3 on #56471D
Aa3.51:1 Poor#56471D on #959FCE
Aa3.51:1 Poor#959FCE on #56471D

Color blindness preview

CSS variables

/* Close but No Cigar to Breeze — https://swatchly.xyz/palette/2c2205-56471d-8a742e-959fce-b0c7f3 */
:root {
  --close-but-no-cigar: #2c2205;
  --jungle-king: #56471d;
  --bay-leaf: #8a742e;
  --azureno: #959fce;
  --breeze: #b0c7f3;
}

Tailwind CSS v4

/* Close but No Cigar to Breeze — https://swatchly.xyz/palette/2c2205-56471d-8a742e-959fce-b0c7f3 */
@theme {
  --color-close-but-no-cigar: #2c2205;
  --color-close-but-no-cigar-50: #fcf5e2;
  --color-close-but-no-cigar-100: #f3ebd6;
  --color-close-but-no-cigar-200: #e0d7bf;
  --color-close-but-no-cigar-300: #cbc0a5;
  --color-close-but-no-cigar-400: #aca182;
  --color-close-but-no-cigar-500: #928667;
  --color-close-but-no-cigar-600: #786d4f;
  --color-close-but-no-cigar-700: #61573c;
  --color-close-but-no-cigar-800: #4e452c;
  --color-close-but-no-cigar-900: #3e3621;
  --color-close-but-no-cigar-950: #2c2205;
  --color-jungle-king: #56471d;
  --color-jungle-king-50: #fef5dc;
  --color-jungle-king-100: #f5ebcf;
  --color-jungle-king-200: #e3d7b5;
  --color-jungle-king-300: #d0c19c;
  --color-jungle-king-400: #b3a379;
  --color-jungle-king-500: #99885e;
  --color-jungle-king-600: #7f6f45;
  --color-jungle-king-700: #685932;
  --color-jungle-king-800: #56471d;
  --color-jungle-king-900: #423718;
  --color-jungle-king-950: #2a220c;
  --color-bay-leaf: #8a742e;
  --color-bay-leaf-50: #fff5d7;
  --color-bay-leaf-100: #fbedc3;
  --color-bay-leaf-200: #ebdba9;
  --color-bay-leaf-300: #d9c68d;
  --color-bay-leaf-400: #bda767;
  --color-bay-leaf-500: #a38d49;
  --color-bay-leaf-600: #8a742e;
  --color-bay-leaf-700: #705b16;
  --color-bay-leaf-800: #594703;
  --color-bay-leaf-900: #443600;
  --color-bay-leaf-950: #2b2100;
  --color-azureno: #959fce;
  --color-azureno-50: #f2f5ff;
  --color-azureno-100: #e6eaff;
  --color-azureno-200: #cdd6fb;
  --color-azureno-300: #b6bfe8;
  --color-azureno-400: #959fce;
  --color-azureno-500: #7a83b1;
  --color-azureno-600: #606994;
  --color-azureno-700: #4b5279;
  --color-azureno-800: #394062;
  --color-azureno-900: #2b314d;
  --color-azureno-950: #1a1e32;
  --color-breeze: #b0c7f3;
  --color-breeze-50: #f4f8ff;
  --color-breeze-100: #e7efff;
  --color-breeze-200: #ccddfd;
  --color-breeze-300: #b0c7f3;
  --color-breeze-400: #91a6cf;
  --color-breeze-500: #758ab3;
  --color-breeze-600: #5a6e95;
  --color-breeze-700: #45577a;
  --color-breeze-800: #334362;
  --color-breeze-900: #25324c;
  --color-breeze-950: #161f32;
}