Asparagus Sultan to Sea Paint color palette

6D8500Asparagus Sultan FF7EB2Dream Setting B8DAA1Fizz 5C1823Drops of God 2886D3Way Beyond the Blue 005277Sea Paint

Open in generator Export PNG, PDF, ASE…

About this palette

Asparagus Sultan to Sea Paint is a 6-color cool palette: #6D8500 (Asparagus Sultan), #FF7EB2 (Dream Setting), #B8DAA1 (Fizz), #5C1823 (Drops of God), #2886D3 (Way Beyond the Blue), #005277 (Sea Paint). It mixes green, pink, brown, blue tones and feels cool overall. The strongest text pairing is #B8DAA1 on #5C1823 with a contrast ratio of 8.44:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Asparagus Sultan	rgb(109, 133, 0)	hsl(71, 100%, 26%)
Dream Setting	rgb(255, 126, 178)	hsl(336, 100%, 75%)
Fizz	rgb(184, 218, 161)	hsl(96, 44%, 74%)
Drops of God	rgb(92, 24, 35)	hsl(350, 59%, 23%)
Way Beyond the Blue	rgb(40, 134, 211)	hsl(207, 68%, 49%)
Sea Paint	rgb(0, 82, 119)	hsl(199, 100%, 23%)

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.

Aa8.44:1 Very good#B8DAA1 on #5C1823
Aa8.44:1 Very good#5C1823 on #B8DAA1
Aa5.52:1 Good#FF7EB2 on #5C1823
Aa5.52:1 Good#5C1823 on #FF7EB2
Aa5.49:1 Good#B8DAA1 on #005277
Aa5.49:1 Good#005277 on #B8DAA1
Aa3.59:1 Poor#FF7EB2 on #005277
Aa3.59:1 Poor#005277 on #FF7EB2

Color blindness preview

CSS variables

/* Asparagus Sultan to Sea Paint — https://swatchly.xyz/palette/6d8500-ff7eb2-b8daa1-5c1823-2886d3-005277 */
:root {
  --asparagus-sultan: #6d8500;
  --dream-setting: #ff7eb2;
  --fizz: #b8daa1;
  --drops-of-god: #5c1823;
  --way-beyond-the-blue: #2886d3;
  --sea-paint: #005277;
}

Tailwind CSS v4

/* Asparagus Sultan to Sea Paint — https://swatchly.xyz/palette/6d8500-ff7eb2-b8daa1-5c1823-2886d3-005277 */
@theme {
  --color-asparagus-sultan: #6d8500;
  --color-asparagus-sultan-50: #eafcc1;
  --color-asparagus-sultan-100: #ddf0ad;
  --color-asparagus-sultan-200: #c5dc8a;
  --color-asparagus-sultan-300: #abc466;
  --color-asparagus-sultan-400: #8aa336;
  --color-asparagus-sultan-500: #6d8500;
  --color-asparagus-sultan-600: #576b00;
  --color-asparagus-sultan-700: #455500;
  --color-asparagus-sultan-800: #364300;
  --color-asparagus-sultan-900: #2a3400;
  --color-asparagus-sultan-950: #1a2100;
  --color-dream-setting: #ff7eb2;
  --color-dream-setting-50: #fff8fa;
  --color-dream-setting-100: #ffedf3;
  --color-dream-setting-200: #ffd4e2;
  --color-dream-setting-300: #ffb4ce;
  --color-dream-setting-400: #ff7eb2;
  --color-dream-setting-500: #dc6094;
  --color-dream-setting-600: #bb4177;
  --color-dream-setting-700: #9a285e;
  --color-dream-setting-800: #7c1648;
  --color-dream-setting-900: #610836;
  --color-dream-setting-950: #3e0220;
  --color-fizz: #b8daa1;
  --color-fizz-50: #e1f6d4;
  --color-fizz-100: #d4ecc5;
  --color-fizz-200: #b8daa1;
  --color-fizz-300: #a6c492;
  --color-fizz-400: #87a771;
  --color-fizz-500: #6d8d57;
  --color-fizz-600: #567340;
  --color-fizz-700: #425d2e;
  --color-fizz-800: #334a21;
  --color-fizz-900: #263a16;
  --color-fizz-950: #16240a;
  --color-drops-of-god: #5c1823;
  --color-drops-of-god-50: #fff1f2;
  --color-drops-of-god-100: #ffe3e4;
  --color-drops-of-god-200: #ffc7ca;
  --color-drops-of-god-300: #f2abaf;
  --color-drops-of-god-400: #d6898e;
  --color-drops-of-god-500: #ba6d73;
  --color-drops-of-god-600: #9d535a;
  --color-drops-of-god-700: #813f45;
  --color-drops-of-god-800: #692e35;
  --color-drops-of-god-900: #5c1823;
  --color-drops-of-god-950: #371317;
  --color-way-beyond-the-blue: #2886d3;
  --color-way-beyond-the-blue-50: #ecf6ff;
  --color-way-beyond-the-blue-100: #d9ecff;
  --color-way-beyond-the-blue-200: #b3daff;
  --color-way-beyond-the-blue-300: #85c4ff;
  --color-way-beyond-the-blue-400: #4da3f0;
  --color-way-beyond-the-blue-500: #2886d3;
  --color-way-beyond-the-blue-600: #006bb4;
  --color-way-beyond-the-blue-700: #005590;
  --color-way-beyond-the-blue-800: #004272;
  --color-way-beyond-the-blue-900: #00335a;
  --color-way-beyond-the-blue-950: #00203b;
  --color-sea-paint: #005277;
  --color-sea-paint-50: #ebf7ff;
  --color-sea-paint-100: #d8efff;
  --color-sea-paint-200: #abddfe;
  --color-sea-paint-300: #8cc5ea;
  --color-sea-paint-400: #64a5cd;
  --color-sea-paint-500: #4587af;
  --color-sea-paint-600: #296b90;
  --color-sea-paint-700: #005277;
  --color-sea-paint-800: #07405c;
  --color-sea-paint-900: #023149;
  --color-sea-paint-950: #001e2f;
}