Vanilla Blush to Poseidon Color Palette

About this palette

Vanilla Blush to Poseidon is a 5-color cool, neon palette: #FFEBE1 (Vanilla Blush), #61C7FF (Blue Mana), #914DEB (Candy Grape Fizz), #505800 (Ayahuasca Vine), #003A57 (Poseidon). It mixes white, blue, purple, green tones and feels cool overall. The strongest text pairing is #FFEBE1 on #003A57 with a contrast ratio of 10.46:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Vanilla Blush	rgb(255, 235, 225)	hsl(20, 100%, 94%)
Blue Mana	rgb(97, 199, 255)	hsl(201, 100%, 69%)
Candy Grape Fizz	rgb(145, 77, 235)	hsl(266, 80%, 61%)
Ayahuasca Vine	rgb(80, 88, 0)	hsl(65, 100%, 17%)
Poseidon	rgb(0, 58, 87)	hsl(200, 100%, 17%)

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.46:1 Very good#FFEBE1 on #003A57
Aa10.46:1 Very good#003A57 on #FFEBE1
Aa6.66:1 Good#FFEBE1 on #505800
Aa6.66:1 Good#505800 on #FFEBE1
Aa6.38:1 Good#61C7FF on #003A57
Aa6.38:1 Good#003A57 on #61C7FF
Aa4.08:1 Poor#FFEBE1 on #914DEB
Aa4.08:1 Poor#914DEB on #FFEBE1

Color blindness preview

CSS variables

/* Vanilla Blush to Poseidon — https://swatchly.xyz/palette/ffebe1-61c7ff-914deb-505800-003a57 */
:root {
  --vanilla-blush: #ffebe1;
  --blue-mana: #61c7ff;
  --candy-grape-fizz: #914deb;
  --ayahuasca-vine: #505800;
  --poseidon: #003a57;
}

Tailwind CSS v4

/* Vanilla Blush to Poseidon — https://swatchly.xyz/palette/ffebe1-61c7ff-914deb-505800-003a57 */
@theme {
  --color-vanilla-blush: #ffebe1;
  --color-vanilla-blush-50: #fff7f3;
  --color-vanilla-blush-100: #ffebe1;
  --color-vanilla-blush-200: #e6d8d1;
  --color-vanilla-blush-300: #d0c0b8;
  --color-vanilla-blush-400: #b19f97;
  --color-vanilla-blush-500: #95837a;
  --color-vanilla-blush-600: #796860;
  --color-vanilla-blush-700: #61524a;
  --color-vanilla-blush-800: #4c3f38;
  --color-vanilla-blush-900: #3b302a;
  --color-vanilla-blush-950: #251d19;
  --color-blue-mana: #61c7ff;
  --color-blue-mana-50: #e5f5ff;
  --color-blue-mana-100: #ceecff;
  --color-blue-mana-200: #a0dbff;
  --color-blue-mana-300: #61c7ff;
  --color-blue-mana-400: #43a8dc;
  --color-blue-mana-500: #178dc2;
  --color-blue-mana-600: #0072a0;
  --color-blue-mana-700: #005b80;
  --color-blue-mana-800: #004766;
  --color-blue-mana-900: #003851;
  --color-blue-mana-950: #002334;
  --color-candy-grape-fizz: #914deb;
  --color-candy-grape-fizz-50: #f5f0ff;
  --color-candy-grape-fizz-100: #eae2ff;
  --color-candy-grape-fizz-200: #d8c7ff;
  --color-candy-grape-fizz-300: #c4a7ff;
  --color-candy-grape-fizz-400: #ab75ff;
  --color-candy-grape-fizz-500: #914deb;
  --color-candy-grape-fizz-600: #7832cb;
  --color-candy-grape-fizz-700: #621dab;
  --color-candy-grape-fizz-800: #4e0d8d;
  --color-candy-grape-fizz-900: #3e0373;
  --color-candy-grape-fizz-950: #28004f;
  --color-ayahuasca-vine: #505800;
  --color-ayahuasca-vine-50: #f3fad1;
  --color-ayahuasca-vine-100: #e9f1c2;
  --color-ayahuasca-vine-200: #d4dda5;
  --color-ayahuasca-vine-300: #bdc787;
  --color-ayahuasca-vine-400: #9da75f;
  --color-ayahuasca-vine-500: #818b40;
  --color-ayahuasca-vine-600: #676f25;
  --color-ayahuasca-vine-700: #505800;
  --color-ayahuasca-vine-800: #3e4503;
  --color-ayahuasca-vine-900: #303500;
  --color-ayahuasca-vine-950: #1d2100;
  --color-poseidon: #003a57;
  --color-poseidon-50: #ecf7ff;
  --color-poseidon-100: #d8efff;
  --color-poseidon-200: #b7ddf8;
  --color-poseidon-300: #9bc7e6;
  --color-poseidon-400: #78a9ca;
  --color-poseidon-500: #5c8eaf;
  --color-poseidon-600: #427393;
  --color-poseidon-700: #2f5d79;
  --color-poseidon-800: #204963;
  --color-poseidon-900: #003a57;
  --color-poseidon-950: #0a2434;
}