Nocturnal Expedition to Pink Glitter color palette

004C59Nocturnal Expedition 247E96Pacific Pleasure B7918BNude Lips E4C1B4Mellow Marrow FFE1D5Pink Glitter

Open in generator Export PNG, PDF, ASE…

About this palette

Nocturnal Expedition to Pink Glitter is a 5-color muted, warm, vintage palette: #004C59 (Nocturnal Expedition), #247E96 (Pacific Pleasure), #B7918B (Nude Lips), #E4C1B4 (Mellow Marrow), #FFE1D5 (Pink Glitter). It mixes turquoise, blue, red, orange tones and feels warm overall. The strongest text pairing is #004C59 on #FFE1D5 with a contrast ratio of 7.80:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Nocturnal Expedition	rgb(0, 76, 89)	hsl(189, 100%, 17%)
Pacific Pleasure	rgb(36, 126, 150)	hsl(193, 61%, 36%)
Nude Lips	rgb(183, 145, 139)	hsl(8, 23%, 63%)
Mellow Marrow	rgb(228, 193, 180)	hsl(16, 47%, 80%)
Pink Glitter	rgb(255, 225, 213)	hsl(17, 100%, 92%)

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.

Aa7.80:1 Very good#004C59 on #FFE1D5
Aa7.80:1 Very good#FFE1D5 on #004C59
Aa5.78:1 Good#004C59 on #E4C1B4
Aa5.78:1 Good#E4C1B4 on #004C59
Aa3.77:1 Poor#247E96 on #FFE1D5
Aa3.77:1 Poor#FFE1D5 on #247E96
Aa3.41:1 Poor#004C59 on #B7918B
Aa3.41:1 Poor#B7918B on #004C59

Color blindness preview

CSS variables

/* Nocturnal Expedition to Pink Glitter — https://swatchly.xyz/palette/004c59-247e96-b7918b-e4c1b4-ffe1d5 */
:root {
  --nocturnal-expedition: #004c59;
  --pacific-pleasure: #247e96;
  --nude-lips: #b7918b;
  --mellow-marrow: #e4c1b4;
  --pink-glitter: #ffe1d5;
}

Tailwind CSS v4

/* Nocturnal Expedition to Pink Glitter — https://swatchly.xyz/palette/004c59-247e96-b7918b-e4c1b4-ffe1d5 */
@theme {
  --color-nocturnal-expedition: #004c59;
  --color-nocturnal-expedition-50: #e4faff;
  --color-nocturnal-expedition-100: #cdf3fc;
  --color-nocturnal-expedition-200: #b3e1ec;
  --color-nocturnal-expedition-300: #96cbd8;
  --color-nocturnal-expedition-400: #71adbb;
  --color-nocturnal-expedition-500: #54919f;
  --color-nocturnal-expedition-600: #397684;
  --color-nocturnal-expedition-700: #255f6b;
  --color-nocturnal-expedition-800: #004c59;
  --color-nocturnal-expedition-900: #0c3a43;
  --color-nocturnal-expedition-950: #04242b;
  --color-pacific-pleasure: #247e96;
  --color-pacific-pleasure-50: #e7f9ff;
  --color-pacific-pleasure-100: #d0f3ff;
  --color-pacific-pleasure-200: #aae5f8;
  --color-pacific-pleasure-300: #8dd0e6;
  --color-pacific-pleasure-400: #65b3cb;
  --color-pacific-pleasure-500: #4498b1;
  --color-pacific-pleasure-600: #247e96;
  --color-pacific-pleasure-700: #05657b;
  --color-pacific-pleasure-800: #004f61;
  --color-pacific-pleasure-900: #003c4b;
  --color-pacific-pleasure-950: #002630;
  --color-nude-lips: #b7918b;
  --color-nude-lips-50: #ffefec;
  --color-nude-lips-100: #fce1dd;
  --color-nude-lips-200: #eacbc6;
  --color-nude-lips-300: #d5b2ad;
  --color-nude-lips-400: #b7918b;
  --color-nude-lips-500: #9c7771;
  --color-nude-lips-600: #815e59;
  --color-nude-lips-700: #684a45;
  --color-nude-lips-800: #543935;
  --color-nude-lips-900: #422b28;
  --color-nude-lips-950: #2b1a18;
  --color-mellow-marrow: #e4c1b4;
  --color-mellow-marrow-50: #fff8f5;
  --color-mellow-marrow-100: #ffede6;
  --color-mellow-marrow-200: #f2d9d0;
  --color-mellow-marrow-300: #e4c1b4;
  --color-mellow-marrow-400: #c0a195;
  --color-mellow-marrow-500: #a48377;
  --color-mellow-marrow-600: #86685c;
  --color-mellow-marrow-700: #6c5046;
  --color-mellow-marrow-800: #553d34;
  --color-mellow-marrow-900: #412d26;
  --color-mellow-marrow-950: #2a1b16;
  --color-pink-glitter: #ffe1d5;
  --color-pink-glitter-50: #ffefe8;
  --color-pink-glitter-100: #ffe1d5;
  --color-pink-glitter-200: #e6d0c7;
  --color-pink-glitter-300: #d2b9af;
  --color-pink-glitter-400: #b49a8f;
  --color-pink-glitter-500: #997f74;
  --color-pink-glitter-600: #7e655b;
  --color-pink-glitter-700: #664f46;
  --color-pink-glitter-800: #513d35;
  --color-pink-glitter-900: #3f2e28;
  --color-pink-glitter-950: #281c17;
}