Sea of Stars to Pink Glitter Color Palette

About this palette

Sea of Stars to Pink Glitter is a 5-color warm, vintage palette: #0A3048 (Sea of Stars), #6B5A00 (Ayahuasca Vine), #E65A45 (Opal Flame), #88CBFF (Clear Sky), #FFDDD5 (Pink Glitter). It mixes blue, brown, red, pink tones and feels warm overall. The strongest text pairing is #0A3048 on #FFDDD5 with a contrast ratio of 10.83:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Sea of Stars	rgb(10, 48, 72)	hsl(203, 76%, 16%)
Ayahuasca Vine	rgb(107, 90, 0)	hsl(50, 100%, 21%)
Opal Flame	rgb(230, 90, 69)	hsl(8, 76%, 59%)
Clear Sky	rgb(136, 203, 255)	hsl(206, 100%, 77%)
Pink Glitter	rgb(255, 221, 213)	hsl(11, 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.

Aa10.83:1 Very good#0A3048 on #FFDDD5
Aa10.83:1 Very good#FFDDD5 on #0A3048
Aa7.87:1 Very good#0A3048 on #88CBFF
Aa7.87:1 Very good#88CBFF on #0A3048
Aa5.36:1 Good#6B5A00 on #FFDDD5
Aa5.36:1 Good#FFDDD5 on #6B5A00
Aa3.90:1 Poor#6B5A00 on #88CBFF
Aa3.90:1 Poor#88CBFF on #6B5A00

Color blindness preview

CSS variables

/* Sea of Stars to Pink Glitter — https://swatchly.xyz/palette/0a3048-6b5a00-e65a45-88cbff-ffddd5 */
:root {
  --sea-of-stars: #0a3048;
  --ayahuasca-vine: #6b5a00;
  --opal-flame: #e65a45;
  --clear-sky: #88cbff;
  --pink-glitter: #ffddd5;
}

Tailwind CSS v4

/* Sea of Stars to Pink Glitter — https://swatchly.xyz/palette/0a3048-6b5a00-e65a45-88cbff-ffddd5 */
@theme {
  --color-sea-of-stars: #0a3048;
  --color-sea-of-stars-50: #ecf7ff;
  --color-sea-of-stars-100: #d9eeff;
  --color-sea-of-stars-200: #bedcf3;
  --color-sea-of-stars-300: #a4c6e0;
  --color-sea-of-stars-400: #80a5c2;
  --color-sea-of-stars-500: #6389a5;
  --color-sea-of-stars-600: #496d87;
  --color-sea-of-stars-700: #34556c;
  --color-sea-of-stars-800: #254055;
  --color-sea-of-stars-900: #0a3048;
  --color-sea-of-stars-950: #0c1c28;
  --color-ayahuasca-vine: #6b5a00;
  --color-ayahuasca-vine-50: #fff6cf;
  --color-ayahuasca-vine-100: #f7ecbf;
  --color-ayahuasca-vine-200: #e6d9a4;
  --color-ayahuasca-vine-300: #d2c486;
  --color-ayahuasca-vine-400: #b5a55f;
  --color-ayahuasca-vine-500: #9b8a40;
  --color-ayahuasca-vine-600: #817025;
  --color-ayahuasca-vine-700: #6b5a00;
  --color-ayahuasca-vine-800: #544600;
  --color-ayahuasca-vine-900: #413600;
  --color-ayahuasca-vine-950: #292100;
  --color-opal-flame: #e65a45;
  --color-opal-flame-50: #fff4f1;
  --color-opal-flame-100: #ffe8e4;
  --color-opal-flame-200: #ffcfc5;
  --color-opal-flame-300: #ffafa0;
  --color-opal-flame-400: #ff7b65;
  --color-opal-flame-500: #e65a45;
  --color-opal-flame-600: #c43b28;
  --color-opal-flame-700: #a32211;
  --color-opal-flame-800: #850d00;
  --color-opal-flame-900: #680700;
  --color-opal-flame-950: #430300;
  --color-clear-sky: #88cbff;
  --color-clear-sky-50: #eff8ff;
  --color-clear-sky-100: #ddf0ff;
  --color-clear-sky-200: #b7dfff;
  --color-clear-sky-300: #88cbff;
  --color-clear-sky-400: #6caadb;
  --color-clear-sky-500: #4c8ebf;
  --color-clear-sky-600: #3173a1;
  --color-clear-sky-700: #1c5b85;
  --color-clear-sky-800: #0c476c;
  --color-clear-sky-900: #033655;
  --color-clear-sky-950: #002238;
  --color-pink-glitter: #ffddd5;
  --color-pink-glitter-50: #ffece7;
  --color-pink-glitter-100: #ffddd5;
  --color-pink-glitter-200: #e6ccc6;
  --color-pink-glitter-300: #d3b6af;
  --color-pink-glitter-400: #b59790;
  --color-pink-glitter-500: #9b7c75;
  --color-pink-glitter-600: #80635d;
  --color-pink-glitter-700: #684e48;
  --color-pink-glitter-800: #533c37;
  --color-pink-glitter-900: #402e29;
  --color-pink-glitter-950: #291b18;
}