Martian Cerulean to Royal Neptune color palette

629389Martian Cerulean 2B2223Nero C097A0Classy Mauve A9C7BFMisty Morning 795E62Reading Tea Leaves 203C3BRoyal Neptune

Open in generator Export PNG, PDF, ASE…

About this palette

Martian Cerulean to Royal Neptune is a 6-color muted palette: #629389 (Martian Cerulean), #2B2223 (Nero), #C097A0 (Classy Mauve), #A9C7BF (Misty Morning), #795E62 (Reading Tea Leaves), #203C3B (Royal Neptune). It mixes turquoise, gray, pink, red tones and feels warm overall. The strongest text pairing is #2B2223 on #A9C7BF with a contrast ratio of 8.56:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Martian Cerulean	rgb(98, 147, 137)	hsl(168, 20%, 48%)
Nero	rgb(43, 34, 35)	hsl(353, 12%, 15%)
Classy Mauve	rgb(192, 151, 160)	hsl(347, 25%, 67%)
Misty Morning	rgb(169, 199, 191)	hsl(164, 21%, 72%)
Reading Tea Leaves	rgb(121, 94, 98)	hsl(351, 13%, 42%)
Royal Neptune	rgb(32, 60, 59)	hsl(178, 30%, 18%)

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.56:1 Very good#2B2223 on #A9C7BF
Aa8.56:1 Very good#A9C7BF on #2B2223
Aa6.56:1 Good#A9C7BF on #203C3B
Aa6.56:1 Good#203C3B on #A9C7BF
Aa6.03:1 Good#2B2223 on #C097A0
Aa6.03:1 Good#C097A0 on #2B2223
Aa4.62:1 Good#C097A0 on #203C3B
Aa4.62:1 Good#203C3B on #C097A0

Color blindness preview

CSS variables

/* Martian Cerulean to Royal Neptune — https://swatchly.xyz/palette/629389-2b2223-c097a0-a9c7bf-795e62-203c3b */
:root {
  --martian-cerulean: #629389;
  --nero: #2b2223;
  --classy-mauve: #c097a0;
  --misty-morning: #a9c7bf;
  --reading-tea-leaves: #795e62;
  --royal-neptune: #203c3b;
}

Tailwind CSS v4

/* Martian Cerulean to Royal Neptune — https://swatchly.xyz/palette/629389-2b2223-c097a0-a9c7bf-795e62-203c3b */
@theme {
  --color-martian-cerulean: #629389;
  --color-martian-cerulean-50: #e1fdf6;
  --color-martian-cerulean-100: #d5f4ed;
  --color-martian-cerulean-200: #bce2d9;
  --color-martian-cerulean-300: #a2ccc3;
  --color-martian-cerulean-400: #7faea4;
  --color-martian-cerulean-500: #629389;
  --color-martian-cerulean-600: #48786e;
  --color-martian-cerulean-700: #346057;
  --color-martian-cerulean-800: #244b44;
  --color-martian-cerulean-900: #193a34;
  --color-martian-cerulean-950: #0c2420;
  --color-nero: #2b2223;
  --color-nero-50: #faf3f4;
  --color-nero-100: #f1e9ea;
  --color-nero-200: #ded5d6;
  --color-nero-300: #c8bebf;
  --color-nero-400: #aa9e9f;
  --color-nero-500: #8f8485;
  --color-nero-600: #766b6c;
  --color-nero-700: #5f5657;
  --color-nero-800: #4d4445;
  --color-nero-900: #3d3536;
  --color-nero-950: #2b2223;
  --color-classy-mauve: #c097a0;
  --color-classy-mauve-50: #fff2f5;
  --color-classy-mauve-100: #ffe5ea;
  --color-classy-mauve-200: #f0cfd6;
  --color-classy-mauve-300: #dcb8c0;
  --color-classy-mauve-400: #c097a0;
  --color-classy-mauve-500: #a37c84;
  --color-classy-mauve-600: #87616a;
  --color-classy-mauve-700: #6d4b53;
  --color-classy-mauve-800: #573940;
  --color-classy-mauve-900: #442b31;
  --color-classy-mauve-950: #2b191e;
  --color-misty-morning: #a9c7bf;
  --color-misty-morning-50: #e8f9f4;
  --color-misty-morning-100: #dcefea;
  --color-misty-morning-200: #c5dcd6;
  --color-misty-morning-300: #a9c7bf;
  --color-misty-morning-400: #8ba7a0;
  --color-misty-morning-500: #708c85;
  --color-misty-morning-600: #57726b;
  --color-misty-morning-700: #425b55;
  --color-misty-morning-800: #324742;
  --color-misty-morning-900: #253733;
  --color-misty-morning-950: #15221f;
  --color-reading-tea-leaves: #795e62;
  --color-reading-tea-leaves-50: #fff1f3;
  --color-reading-tea-leaves-100: #f8e4e7;
  --color-reading-tea-leaves-200: #e6ced2;
  --color-reading-tea-leaves-300: #d1b6ba;
  --color-reading-tea-leaves-400: #b29599;
  --color-reading-tea-leaves-500: #95797d;
  --color-reading-tea-leaves-600: #795e62;
  --color-reading-tea-leaves-700: #614a4d;
  --color-reading-tea-leaves-800: #4d393c;
  --color-reading-tea-leaves-900: #3c2b2e;
  --color-reading-tea-leaves-950: #261a1c;
  --color-royal-neptune: #203c3b;
  --color-royal-neptune-50: #e8f9f8;
  --color-royal-neptune-100: #dcf0ef;
  --color-royal-neptune-200: #c5dddc;
  --color-royal-neptune-300: #acc7c6;
  --color-royal-neptune-400: #8ba9a8;
  --color-royal-neptune-500: #708e8d;
  --color-royal-neptune-600: #577473;
  --color-royal-neptune-700: #435e5d;
  --color-royal-neptune-800: #334b4a;
  --color-royal-neptune-900: #203c3b;
  --color-royal-neptune-950: #162525;
}