Hulk to Pristine Oceanic Color Palette

About this palette

Hulk to Pristine Oceanic is a 5-color vibrant, cool palette: #1A7F00 (Hulk), #D65800 (Tomato Bisque), #00BA6C (Fennel Fiesta), #C5B300 (Sulphur), #00D3CB (Pristine Oceanic). It mixes green, orange, yellow, turquoise tones and feels cool overall. The strongest text pairing is #1A7F00 on #00D3CB with a contrast ratio of 2.74:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Hulk	rgb(26, 127, 0)	hsl(108, 100%, 25%)
Tomato Bisque	rgb(214, 88, 0)	hsl(25, 100%, 42%)
Fennel Fiesta	rgb(0, 186, 108)	hsl(155, 100%, 36%)
Sulphur	rgb(197, 179, 0)	hsl(55, 100%, 39%)
Pristine Oceanic	rgb(0, 211, 203)	hsl(178, 100%, 41%)

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

/* Hulk to Pristine Oceanic — https://swatchly.xyz/palette/1a7f00-d65800-00ba6c-c5b300-00d3cb */
:root {
  --hulk: #1a7f00;
  --tomato-bisque: #d65800;
  --fennel-fiesta: #00ba6c;
  --sulphur: #c5b300;
  --pristine-oceanic: #00d3cb;
}

Tailwind CSS v4

/* Hulk to Pristine Oceanic — https://swatchly.xyz/palette/1a7f00-d65800-00ba6c-c5b300-00d3cb */
@theme {
  --color-hulk: #1a7f00;
  --color-hulk-50: #e2ffdd;
  --color-hulk-100: #c3fdba;
  --color-hulk-200: #a7ec9c;
  --color-hulk-300: #87d77b;
  --color-hulk-400: #5eb850;
  --color-hulk-500: #3d9b2e;
  --color-hulk-600: #1a7f00;
  --color-hulk-700: #126500;
  --color-hulk-800: #0c4f00;
  --color-hulk-900: #073d00;
  --color-hulk-950: #032700;
  --color-tomato-bisque: #d65800;
  --color-tomato-bisque-50: #fff2ec;
  --color-tomato-bisque-100: #ffe4d9;
  --color-tomato-bisque-200: #ffc9b1;
  --color-tomato-bisque-300: #ffa77f;
  --color-tomato-bisque-400: #f37739;
  --color-tomato-bisque-500: #d65800;
  --color-tomato-bisque-600: #ae4600;
  --color-tomato-bisque-700: #8b3600;
  --color-tomato-bisque-800: #6e2900;
  --color-tomato-bisque-900: #561f00;
  --color-tomato-bisque-950: #381100;
  --color-fennel-fiesta: #00ba6c;
  --color-fennel-fiesta-50: #d7ffe4;
  --color-fennel-fiesta-100: #acfec9;
  --color-fennel-fiesta-200: #89edaf;
  --color-fennel-fiesta-300: #5fd892;
  --color-fennel-fiesta-400: #00ba6c;
  --color-fennel-fiesta-500: #009b59;
  --color-fennel-fiesta-600: #007d47;
  --color-fennel-fiesta-700: #006437;
  --color-fennel-fiesta-800: #004f2a;
  --color-fennel-fiesta-900: #003d20;
  --color-fennel-fiesta-950: #002712;
  --color-sulphur: #c5b300;
  --color-sulphur-50: #fffce0;
  --color-sulphur-100: #fff6b0;
  --color-sulphur-200: #f0e58f;
  --color-sulphur-300: #ded169;
  --color-sulphur-400: #c5b300;
  --color-sulphur-500: #a39400;
  --color-sulphur-600: #837700;
  --color-sulphur-700: #675d00;
  --color-sulphur-800: #504800;
  --color-sulphur-900: #3c3600;
  --color-sulphur-950: #242000;
  --color-pristine-oceanic: #00d3cb;
  --color-pristine-oceanic-50: #bffffa;
  --color-pristine-oceanic-100: #9cf9f2;
  --color-pristine-oceanic-200: #73e6df;
  --color-pristine-oceanic-300: #00d3cb;
  --color-pristine-oceanic-400: #00b1aa;
  --color-pristine-oceanic-500: #00948e;
  --color-pristine-oceanic-600: #007873;
  --color-pristine-oceanic-700: #00605c;
  --color-pristine-oceanic-800: #004c49;
  --color-pristine-oceanic-900: #003c39;
  --color-pristine-oceanic-950: #002524;
}