Thalassophile to Venomous Green Color Palette

About this palette

Thalassophile to Venomous Green is a 4-color vibrant, light, cool, neon palette: #00A7DF (Thalassophile), #FF9093 (Fruity Licious), #B7C6FF (Night Snow), #67FF0B (Venomous Green). It mixes blue, red, green tones and feels cool overall. The strongest text pairing is #00A7DF on #67FF0B with a contrast ratio of 2.09:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Thalassophile	rgb(0, 167, 223)	hsl(195, 100%, 44%)
Fruity Licious	rgb(255, 144, 147)	hsl(358, 100%, 78%)
Night Snow	rgb(183, 198, 255)	hsl(228, 100%, 86%)
Venomous Green	rgb(103, 255, 11)	hsl(97, 100%, 52%)

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.

Color blindness preview

CSS variables

/* Thalassophile to Venomous Green — https://swatchly.xyz/palette/00a7df-ff9093-b7c6ff-67ff0b */
:root {
  --thalassophile: #00a7df;
  --fruity-licious: #ff9093;
  --night-snow: #b7c6ff;
  --venomous-green: #67ff0b;
}

Tailwind CSS v4

/* Thalassophile to Venomous Green — https://swatchly.xyz/palette/00a7df-ff9093-b7c6ff-67ff0b */
@theme {
  --color-thalassophile: #00a7df;
  --color-thalassophile-50: #e4f5ff;
  --color-thalassophile-100: #cbedff;
  --color-thalassophile-200: #99dcff;
  --color-thalassophile-300: #5bc8fa;
  --color-thalassophile-400: #00a7df;
  --color-thalassophile-500: #008bbb;
  --color-thalassophile-600: #007097;
  --color-thalassophile-700: #005979;
  --color-thalassophile-800: #004661;
  --color-thalassophile-900: #00374c;
  --color-thalassophile-950: #002332;
  --color-fruity-licious: #ff9093;
  --color-fruity-licious-50: #ffe9e8;
  --color-fruity-licious-100: #ffd8d8;
  --color-fruity-licious-200: #ffb8b8;
  --color-fruity-licious-300: #ff9093;
  --color-fruity-licious-400: #dd7477;
  --color-fruity-licious-500: #c2595e;
  --color-fruity-licious-600: #a44148;
  --color-fruity-licious-700: #882f36;
  --color-fruity-licious-800: #702128;
  --color-fruity-licious-900: #5b161e;
  --color-fruity-licious-950: #3c0a10;
  --color-night-snow: #b7c6ff;
  --color-night-snow-50: #f7f9ff;
  --color-night-snow-100: #ecf0ff;
  --color-night-snow-200: #d3ddff;
  --color-night-snow-300: #b7c6ff;
  --color-night-snow-400: #98a5d9;
  --color-night-snow-500: #7b88bd;
  --color-night-snow-600: #606c9f;
  --color-night-snow-700: #4a5482;
  --color-night-snow-800: #374068;
  --color-night-snow-900: #293052;
  --color-night-snow-950: #181d35;
  --color-venomous-green: #67ff0b;
  --color-venomous-green-50: #e4ffdc;
  --color-venomous-green-100: #c4ffb3;
  --color-venomous-green-200: #67ff0b;
  --color-venomous-green-300: #67e233;
  --color-venomous-green-400: #4ac000;
  --color-venomous-green-500: #3da000;
  --color-venomous-green-600: #2f8100;
  --color-venomous-green-700: #246600;
  --color-venomous-green-800: #1a5000;
  --color-venomous-green-900: #123e00;
  --color-venomous-green-950: #082700;
}