Bermuda to Radiant Hulk Color Palette

About this palette

Bermuda to Radiant Hulk is a 4-color vibrant, cool, neon, gradient palette: #00818D (Bermuda), #599E00 (Lawn Green), #AFA100 (Countryside), #44EB5B (Radiant Hulk). It mixes turquoise, green, yellow tones and feels cool overall. The strongest text pairing is #00818D on #44EB5B with a contrast ratio of 2.94:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Bermuda	rgb(0, 129, 141)	hsl(185, 100%, 28%)
Lawn Green	rgb(89, 158, 0)	hsl(86, 100%, 31%)
Countryside	rgb(175, 161, 0)	hsl(55, 100%, 34%)
Radiant Hulk	rgb(68, 235, 91)	hsl(128, 81%, 59%)

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

/* Bermuda to Radiant Hulk — https://swatchly.xyz/palette/00818d-599e00-afa100-44eb5b */
:root {
  --bermuda: #00818d;
  --lawn-green: #599e00;
  --countryside: #afa100;
  --radiant-hulk: #44eb5b;
}

Tailwind CSS v4

/* Bermuda to Radiant Hulk — https://swatchly.xyz/palette/00818d-599e00-afa100-44eb5b */
@theme {
  --color-bermuda: #00818d;
  --color-bermuda-50: #dffbff;
  --color-bermuda-100: #c1f8ff;
  --color-bermuda-200: #a4e7f0;
  --color-bermuda-300: #84d3de;
  --color-bermuda-400: #59b6c2;
  --color-bermuda-500: #349ba8;
  --color-bermuda-600: #00818d;
  --color-bermuda-700: #006670;
  --color-bermuda-800: #005058;
  --color-bermuda-900: #003d44;
  --color-bermuda-950: #00262b;
  --color-lawn-green: #599e00;
  --color-lawn-green-50: #e6ffd7;
  --color-lawn-green-100: #cffdb1;
  --color-lawn-green-200: #b6ec91;
  --color-lawn-green-300: #9ad86e;
  --color-lawn-green-400: #76b93d;
  --color-lawn-green-500: #599e00;
  --color-lawn-green-600: #477f00;
  --color-lawn-green-700: #376500;
  --color-lawn-green-800: #2a4f00;
  --color-lawn-green-900: #1f3d00;
  --color-lawn-green-950: #112600;
  --color-countryside: #afa100;
  --color-countryside-50: #fdf7b7;
  --color-countryside-100: #f4eda4;
  --color-countryside-200: #e2d980;
  --color-countryside-300: #cdc158;
  --color-countryside-400: #afa100;
  --color-countryside-500: #928600;
  --color-countryside-600: #756c00;
  --color-countryside-700: #5d5500;
  --color-countryside-800: #494300;
  --color-countryside-900: #393300;
  --color-countryside-950: #242000;
  --color-radiant-hulk: #44eb5b;
  --color-radiant-hulk-50: #e9ffe9;
  --color-radiant-hulk-100: #cbffcc;
  --color-radiant-hulk-200: #91f996;
  --color-radiant-hulk-300: #44eb5b;
  --color-radiant-hulk-400: #1dc73f;
  --color-radiant-hulk-500: #00a62d;
  --color-radiant-hulk-600: #008623;
  --color-radiant-hulk-700: #006a19;
  --color-radiant-hulk-800: #005312;
  --color-radiant-hulk-900: #003f0b;
  --color-radiant-hulk-950: #002805;
}