Royal Neptune to Race the Sun color palette

1C3A3BRoyal Neptune 337A82Diver’s Eden 8D91BAEaster Egg F2AFB7Pink Blush ECF2D0Race the Sun

About this palette

Royal Neptune to Race the Sun is a 5-color muted, cool palette: #1C3A3B (Royal Neptune), #337A82 (Diver’s Eden), #8D91BA (Easter Egg), #F2AFB7 (Pink Blush), #ECF2D0 (Race the Sun). It mixes turquoise, purple, pink, white tones and feels cool overall. The strongest text pairing is #1C3A3B on #ECF2D0 with a contrast ratio of 10.58:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Royal Neptune	rgb(28, 58, 59)	hsl(182, 36%, 17%)
Diver’s Eden	rgb(51, 122, 130)	hsl(186, 44%, 35%)
Easter Egg	rgb(141, 145, 186)	hsl(235, 25%, 64%)
Pink Blush	rgb(242, 175, 183)	hsl(353, 72%, 82%)
Race the Sun	rgb(236, 242, 208)	hsl(71, 57%, 88%)

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.58:1 Very good#1C3A3B on #ECF2D0
Aa10.58:1 Very good#ECF2D0 on #1C3A3B
Aa6.75:1 Good#1C3A3B on #F2AFB7
Aa6.75:1 Good#F2AFB7 on #1C3A3B
Aa4.28:1 Poor#337A82 on #ECF2D0
Aa4.28:1 Poor#ECF2D0 on #337A82
Aa4.01:1 Poor#1C3A3B on #8D91BA
Aa4.01:1 Poor#8D91BA on #1C3A3B

Color blindness preview

CSS variables

/* Royal Neptune to Race the Sun — https://swatchly.xyz/palette/1c3a3b-337a82-8d91ba-f2afb7-ecf2d0 */
:root {
  --royal-neptune: #1c3a3b;
  --diver-s-eden: #337a82;
  --easter-egg: #8d91ba;
  --pink-blush: #f2afb7;
  --race-the-sun: #ecf2d0;
}

Tailwind CSS v4

/* Royal Neptune to Race the Sun — https://swatchly.xyz/palette/1c3a3b-337a82-8d91ba-f2afb7-ecf2d0 */
@theme {
  --color-royal-neptune: #1c3a3b;
  --color-royal-neptune-50: #e7fafa;
  --color-royal-neptune-100: #dbf0f1;
  --color-royal-neptune-200: #c4ddde;
  --color-royal-neptune-300: #abc7c8;
  --color-royal-neptune-400: #89a9aa;
  --color-royal-neptune-500: #6e8e8f;
  --color-royal-neptune-600: #557374;
  --color-royal-neptune-700: #405c5d;
  --color-royal-neptune-800: #30494a;
  --color-royal-neptune-900: #1c3a3b;
  --color-royal-neptune-950: #142424;
  --color-diver-s-eden: #337a82;
  --color-diver-s-eden-50: #dffcff;
  --color-diver-s-eden-100: #cbf5fa;
  --color-diver-s-eden-200: #b1e3e9;
  --color-diver-s-eden-300: #94ced5;
  --color-diver-s-eden-400: #6eb0b8;
  --color-diver-s-eden-500: #4f959d;
  --color-diver-s-eden-600: #337a82;
  --color-diver-s-eden-700: #1f6269;
  --color-diver-s-eden-800: #0e4d53;
  --color-diver-s-eden-900: #043b41;
  --color-diver-s-eden-950: #002529;
  --color-easter-egg: #8d91ba;
  --color-easter-egg-50: #edefff;
  --color-easter-egg-100: #dfe2ff;
  --color-easter-egg-200: #c8ccee;
  --color-easter-egg-300: #afb3d9;
  --color-easter-egg-400: #8d91ba;
  --color-easter-egg-500: #7478a0;
  --color-easter-egg-600: #5d6085;
  --color-easter-egg-700: #4a4c6d;
  --color-easter-egg-800: #3a3c59;
  --color-easter-egg-900: #2d2e47;
  --color-easter-egg-950: #1c1d30;
  --color-pink-blush: #f2afb7;
  --color-pink-blush-50: #fff3f4;
  --color-pink-blush-100: #ffe6e8;
  --color-pink-blush-200: #fdcbd0;
  --color-pink-blush-300: #f2afb7;
  --color-pink-blush-400: #ce9098;
  --color-pink-blush-500: #b2747c;
  --color-pink-blush-600: #945a62;
  --color-pink-blush-700: #79444c;
  --color-pink-blush-800: #61333a;
  --color-pink-blush-900: #4c252b;
  --color-pink-blush-950: #31151a;
  --color-race-the-sun: #ecf2d0;
  --color-race-the-sun-50: #f6fae8;
  --color-race-the-sun-100: #ecf2d0;
  --color-race-the-sun-200: #d8ddc4;
  --color-race-the-sun-300: #c1c6aa;
  --color-race-the-sun-400: #a1a688;
  --color-race-the-sun-500: #858b6c;
  --color-race-the-sun-600: #6b7052;
  --color-race-the-sun-700: #54583e;
  --color-race-the-sun-800: #41452e;
  --color-race-the-sun-900: #323521;
  --color-race-the-sun-950: #1f2113;
}