Close but No Cigar to Sky Dancer color palette

331800Close but No Cigar 785798Passion Flower 005982Whale’s Tale BBE787Sweet Mint Pesto 26A2FFSky Dancer

Open in generator Export PNG, PDF, ASE…

About this palette

Close but No Cigar to Sky Dancer is a 5-color cool palette: #331800 (Close but No Cigar), #785798 (Passion Flower), #005982 (Whale’s Tale), #BBE787 (Sweet Mint Pesto), #26A2FF (Sky Dancer). It mixes brown, purple, blue, green tones and feels cool overall. The strongest text pairing is #331800 on #BBE787 with a contrast ratio of 11.71:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Close but No Cigar	rgb(51, 24, 0)	hsl(28, 100%, 10%)
Passion Flower	rgb(120, 87, 152)	hsl(270, 27%, 47%)
Whale’s Tale	rgb(0, 89, 130)	hsl(199, 100%, 25%)
Sweet Mint Pesto	rgb(187, 231, 135)	hsl(88, 67%, 72%)
Sky Dancer	rgb(38, 162, 255)	hsl(206, 100%, 57%)

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.71:1 Very good#331800 on #BBE787
Aa11.71:1 Very good#BBE787 on #331800
Aa6.05:1 Good#331800 on #26A2FF
Aa6.05:1 Good#26A2FF on #331800
Aa5.41:1 Good#005982 on #BBE787
Aa5.41:1 Good#BBE787 on #005982
Aa4.12:1 Poor#785798 on #BBE787
Aa4.12:1 Poor#BBE787 on #785798

Color blindness preview

CSS variables

/* Close but No Cigar to Sky Dancer — https://swatchly.xyz/palette/331800-785798-005982-bbe787-26a2ff */
:root {
  --close-but-no-cigar: #331800;
  --passion-flower: #785798;
  --whale-s-tale: #005982;
  --sweet-mint-pesto: #bbe787;
  --sky-dancer: #26a2ff;
}

Tailwind CSS v4

/* Close but No Cigar to Sky Dancer — https://swatchly.xyz/palette/331800-785798-005982-bbe787-26a2ff */
@theme {
  --color-close-but-no-cigar: #331800;
  --color-close-but-no-cigar-50: #fff3e9;
  --color-close-but-no-cigar-100: #fee6d4;
  --color-close-but-no-cigar-200: #edd2bc;
  --color-close-but-no-cigar-300: #d9baa2;
  --color-close-but-no-cigar-400: #bc9a80;
  --color-close-but-no-cigar-500: #a07f64;
  --color-close-but-no-cigar-600: #85654b;
  --color-close-but-no-cigar-700: #6c4f37;
  --color-close-but-no-cigar-800: #563d28;
  --color-close-but-no-cigar-900: #442e1d;
  --color-close-but-no-cigar-950: #331800;
  --color-passion-flower: #785798;
  --color-passion-flower-50: #f8f2ff;
  --color-passion-flower-100: #f1e5ff;
  --color-passion-flower-200: #e3caff;
  --color-passion-flower-300: #ceb0ee;
  --color-passion-flower-400: #af8ed1;
  --color-passion-flower-500: #9372b5;
  --color-passion-flower-600: #785798;
  --color-passion-flower-700: #60437c;
  --color-passion-flower-800: #4c3264;
  --color-passion-flower-900: #3b2550;
  --color-passion-flower-950: #261634;
  --color-whale-s-tale: #005982;
  --color-whale-s-tale-50: #ecf7ff;
  --color-whale-s-tale-100: #d8efff;
  --color-whale-s-tale-200: #aedeff;
  --color-whale-s-tale-300: #8cc8f0;
  --color-whale-s-tale-400: #64a9d4;
  --color-whale-s-tale-500: #458cb8;
  --color-whale-s-tale-600: #29719a;
  --color-whale-s-tale-700: #005982;
  --color-whale-s-tale-800: #034566;
  --color-whale-s-tale-900: #003550;
  --color-whale-s-tale-950: #002134;
  --color-sweet-mint-pesto: #bbe787;
  --color-sweet-mint-pesto-50: #e5feca;
  --color-sweet-mint-pesto-100: #d9f5ba;
  --color-sweet-mint-pesto-200: #bbe787;
  --color-sweet-mint-pesto-300: #a9ce7e;
  --color-sweet-mint-pesto-400: #88b056;
  --color-sweet-mint-pesto-500: #6c9435;
  --color-sweet-mint-pesto-600: #537916;
  --color-sweet-mint-pesto-700: #406100;
  --color-sweet-mint-pesto-800: #314c00;
  --color-sweet-mint-pesto-900: #253b00;
  --color-sweet-mint-pesto-950: #152500;
  --color-sky-dancer: #26a2ff;
  --color-sky-dancer-50: #eaf5ff;
  --color-sky-dancer-100: #d7ebff;
  --color-sky-dancer-200: #b0d9ff;
  --color-sky-dancer-300: #81c3ff;
  --color-sky-dancer-400: #26a2ff;
  --color-sky-dancer-500: #0087dc;
  --color-sky-dancer-600: #006cb2;
  --color-sky-dancer-700: #00568f;
  --color-sky-dancer-800: #004372;
  --color-sky-dancer-900: #00345a;
  --color-sky-dancer-950: #00213c;
}