Start generating

Cold Press Coffee to King Neptune color palette

6E2C16Cold Press Coffee4B7FABInto the BlueA5A16BWillow LeafF3AA92No Way Rosé525200Ayahuasca Vine7195BAKing Neptune
Open in generator Export PNG, PDF, ASE…

About this palette

Cold Press Coffee to King Neptune is a 6-color warm, vintage palette: #6E2C16 (Cold Press Coffee), #4B7FAB (Into the Blue), #A5A16B (Willow Leaf), #F3AA92 (No Way Rosé), #525200 (Ayahuasca Vine), #7195BA (King Neptune). It mixes brown, blue, yellow, pink tones and feels warm overall. The strongest text pairing is #6E2C16 on #F3AA92 with a contrast ratio of 5.39:1, and 1 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Cold Press Coffeergb(110, 44, 22)hsl(15, 67%, 26%)
Into the Bluergb(75, 127, 171)hsl(207, 39%, 48%)
Willow Leafrgb(165, 161, 107)hsl(56, 24%, 53%)
No Way Rosérgb(243, 170, 146)hsl(15, 80%, 76%)
Ayahuasca Vinergb(82, 82, 0)hsl(60, 100%, 16%)
King Neptunergb(113, 149, 186)hsl(210, 35%, 59%)

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.

  • Aa5.39:1 Good#6E2C16 on #F3AA92
  • Aa5.39:1 Good#F3AA92 on #6E2C16
  • Aa4.28:1 Poor#F3AA92 on #525200
  • Aa4.28:1 Poor#525200 on #F3AA92
  • Aa3.89:1 Poor#6E2C16 on #A5A16B
  • Aa3.89:1 Poor#A5A16B on #6E2C16
  • Aa3.30:1 Poor#6E2C16 on #7195BA
  • Aa3.30:1 Poor#7195BA on #6E2C16

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Cold Press Coffee to King Neptune — https://swatchly.xyz/palette/6e2c16-4b7fab-a5a16b-f3aa92-525200-7195ba */
:root {
  --cold-press-coffee: #6e2c16;
  --into-the-blue: #4b7fab;
  --willow-leaf: #a5a16b;
  --no-way-ros: #f3aa92;
  --ayahuasca-vine: #525200;
  --king-neptune: #7195ba;
}

Tailwind CSS v4

/* Cold Press Coffee to King Neptune — https://swatchly.xyz/palette/6e2c16-4b7fab-a5a16b-f3aa92-525200-7195ba */
@theme {
  --color-cold-press-coffee: #6e2c16;
  --color-cold-press-coffee-50: #fff2ee;
  --color-cold-press-coffee-100: #ffe5dc;
  --color-cold-press-coffee-200: #ffc9b8;
  --color-cold-press-coffee-300: #f2ae99;
  --color-cold-press-coffee-400: #d68d75;
  --color-cold-press-coffee-500: #ba7159;
  --color-cold-press-coffee-600: #9c5740;
  --color-cold-press-coffee-700: #81422d;
  --color-cold-press-coffee-800: #6e2c16;
  --color-cold-press-coffee-900: #532415;
  --color-cold-press-coffee-950: #361409;
  --color-into-the-blue: #4b7fab;
  --color-into-the-blue-50: #e9f4ff;
  --color-into-the-blue-100: #d3eaff;
  --color-into-the-blue-200: #acd6fc;
  --color-into-the-blue-300: #8ebee8;
  --color-into-the-blue-400: #699dc9;
  --color-into-the-blue-500: #4b7fab;
  --color-into-the-blue-600: #35668f;
  --color-into-the-blue-700: #245176;
  --color-into-the-blue-800: #184060;
  --color-into-the-blue-900: #0f324d;
  --color-into-the-blue-950: #061f33;
  --color-willow-leaf: #a5a16b;
  --color-willow-leaf-50: #f8f6d7;
  --color-willow-leaf-100: #eeecc9;
  --color-willow-leaf-200: #dad8ae;
  --color-willow-leaf-300: #c4c191;
  --color-willow-leaf-400: #a5a16b;
  --color-willow-leaf-500: #8a8651;
  --color-willow-leaf-600: #706c39;
  --color-willow-leaf-700: #5a5626;
  --color-willow-leaf-800: #474319;
  --color-willow-leaf-900: #37340f;
  --color-willow-leaf-950: #222006;
  --color-no-way-ros: #f3aa92;
  --color-no-way-ros-50: #fff0eb;
  --color-no-way-ros-100: #ffe2d9;
  --color-no-way-ros-200: #ffc6b4;
  --color-no-way-ros-300: #f3aa92;
  --color-no-way-ros-400: #d08c76;
  --color-no-way-ros-500: #b4715a;
  --color-no-way-ros-600: #975742;
  --color-no-way-ros-700: #7c422f;
  --color-no-way-ros-800: #643221;
  --color-no-way-ros-900: #502517;
  --color-no-way-ros-950: #34150b;
  --color-ayahuasca-vine: #525200;
  --color-ayahuasca-vine-50: #f7f9d2;
  --color-ayahuasca-vine-100: #edefc3;
  --color-ayahuasca-vine-200: #d8dba6;
  --color-ayahuasca-vine-300: #c1c387;
  --color-ayahuasca-vine-400: #a1a35f;
  --color-ayahuasca-vine-500: #858640;
  --color-ayahuasca-vine-600: #696a26;
  --color-ayahuasca-vine-700: #525200;
  --color-ayahuasca-vine-800: #404005;
  --color-ayahuasca-vine-900: #313100;
  --color-ayahuasca-vine-950: #1e1e00;
  --color-king-neptune: #7195ba;
  --color-king-neptune-50: #f1f8ff;
  --color-king-neptune-100: #e4f1ff;
  --color-king-neptune-200: #c6e1fd;
  --color-king-neptune-300: #aecced;
  --color-king-neptune-400: #8dafd2;
  --color-king-neptune-500: #7195ba;
  --color-king-neptune-600: #55789b;
  --color-king-neptune-700: #3f5f7f;
  --color-king-neptune-800: #2d4a66;
  --color-king-neptune-900: #203850;
  --color-king-neptune-950: #112233;
}

Similar palettes