Royal Neptune to Herbal Vapours color palette

003A44Royal Neptune 6D26C8Purple Emperor EE6C3BBasketball FFA997Frozen Salmon E9FECEHerbal Vapours

About this palette

Royal Neptune to Herbal Vapours is a 5-color cool, neon palette: #003A44 (Royal Neptune), #6D26C8 (Purple Emperor), #EE6C3B (Basketball), #FFA997 (Frozen Salmon), #E9FECE (Herbal Vapours). It mixes turquoise, purple, orange, pink, green tones and feels cool overall. The strongest text pairing is #003A44 on #E9FECE with a contrast ratio of 11.57:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Royal Neptune	rgb(0, 58, 68)	hsl(189, 100%, 13%)
Purple Emperor	rgb(109, 38, 200)	hsl(266, 68%, 47%)
Basketball	rgb(238, 108, 59)	hsl(16, 84%, 58%)
Frozen Salmon	rgb(255, 169, 151)	hsl(10, 100%, 80%)
Herbal Vapours	rgb(233, 254, 206)	hsl(86, 96%, 90%)

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.

Aa11.57:1 Very good#003A44 on #E9FECE
Aa11.57:1 Very good#E9FECE on #003A44
Aa7.07:1 Very good#6D26C8 on #E9FECE
Aa7.07:1 Very good#E9FECE on #6D26C8
Aa6.74:1 Good#003A44 on #FFA997
Aa6.74:1 Good#FFA997 on #003A44
Aa4.12:1 Poor#6D26C8 on #FFA997
Aa4.12:1 Poor#FFA997 on #6D26C8

Color blindness preview

CSS variables

/* Royal Neptune to Herbal Vapours — https://swatchly.xyz/palette/003a44-6d26c8-ee6c3b-ffa997-e9fece */
:root {
  --royal-neptune: #003a44;
  --purple-emperor: #6d26c8;
  --basketball: #ee6c3b;
  --frozen-salmon: #ffa997;
  --herbal-vapours: #e9fece;
}

Tailwind CSS v4

/* Royal Neptune to Herbal Vapours — https://swatchly.xyz/palette/003a44-6d26c8-ee6c3b-ffa997-e9fece */
@theme {
  --color-royal-neptune: #003a44;
  --color-royal-neptune-50: #e4faff;
  --color-royal-neptune-100: #d2f2f9;
  --color-royal-neptune-200: #b9dfe8;
  --color-royal-neptune-300: #9ecad4;
  --color-royal-neptune-400: #7aabb6;
  --color-royal-neptune-500: #5d8f9b;
  --color-royal-neptune-600: #44747f;
  --color-royal-neptune-700: #305d67;
  --color-royal-neptune-800: #214952;
  --color-royal-neptune-900: #003a44;
  --color-royal-neptune-950: #0a2328;
  --color-purple-emperor: #6d26c8;
  --color-purple-emperor-50: #f6f3ff;
  --color-purple-emperor-100: #ede7ff;
  --color-purple-emperor-200: #dcd1ff;
  --color-purple-emperor-300: #c9b6ff;
  --color-purple-emperor-400: #b08cff;
  --color-purple-emperor-500: #9b62ff;
  --color-purple-emperor-600: #8244e1;
  --color-purple-emperor-700: #6d26c8;
  --color-purple-emperor-800: #5619a1;
  --color-purple-emperor-900: #430a83;
  --color-purple-emperor-950: #2b0159;
  --color-basketball: #ee6c3b;
  --color-basketball-50: #ffeee8;
  --color-basketball-100: #ffded3;
  --color-basketball-200: #ffc1ab;
  --color-basketball-300: #ff9c78;
  --color-basketball-400: #ee6c3b;
  --color-basketball-500: #d0511b;
  --color-basketball-600: #ae3b00;
  --color-basketball-700: #8c2d00;
  --color-basketball-800: #702300;
  --color-basketball-900: #591a00;
  --color-basketball-950: #3b0e00;
  --color-frozen-salmon: #ffa997;
  --color-frozen-salmon-50: #fff3f0;
  --color-frozen-salmon-100: #ffe6e0;
  --color-frozen-salmon-200: #ffcbbf;
  --color-frozen-salmon-300: #ffa997;
  --color-frozen-salmon-400: #da8b7a;
  --color-frozen-salmon-500: #be6e5e;
  --color-frozen-salmon-600: #a05445;
  --color-frozen-salmon-700: #833e31;
  --color-frozen-salmon-800: #6a2e22;
  --color-frozen-salmon-900: #542117;
  --color-frozen-salmon-950: #37120b;
  --color-herbal-vapours: #e9fece;
  --color-herbal-vapours-50: #e9fece;
  --color-herbal-vapours-100: #e4f1d3;
  --color-herbal-vapours-200: #cfdebb;
  --color-herbal-vapours-300: #b7c8a1;
  --color-herbal-vapours-400: #97a97e;
  --color-herbal-vapours-500: #7b8e62;
  --color-herbal-vapours-600: #627349;
  --color-herbal-vapours-700: #4c5c36;
  --color-herbal-vapours-800: #3a4826;
  --color-herbal-vapours-900: #2c371b;
  --color-herbal-vapours-950: #1a230e;
}