Just Pink Enough to Godzilla Color Palette

About this palette

Just Pink Enough to Godzilla is a 5-color cool palette: #FFEBF2 (Just Pink Enough), #E6A9B6 (Little Princess), #5A9DE1 (Blue Bay), #137AB0 (Jacuzzi), #475118 (Godzilla). It mixes white, pink, blue, green tones and feels cool overall. The strongest text pairing is #FFEBF2 on #475118 with a contrast ratio of 7.49:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Just Pink Enough	rgb(255, 235, 242)	hsl(339, 100%, 96%)
Little Princess	rgb(230, 169, 182)	hsl(347, 55%, 78%)
Blue Bay	rgb(90, 157, 225)	hsl(210, 69%, 62%)
Jacuzzi	rgb(19, 122, 176)	hsl(201, 81%, 38%)
Godzilla	rgb(71, 81, 24)	hsl(71, 54%, 21%)

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.

Aa7.49:1 Very good#FFEBF2 on #475118
Aa7.49:1 Very good#475118 on #FFEBF2
Aa4.36:1 Poor#E6A9B6 on #475118
Aa4.36:1 Poor#475118 on #E6A9B6
Aa4.15:1 Poor#FFEBF2 on #137AB0
Aa4.15:1 Poor#137AB0 on #FFEBF2

Color blindness preview

CSS variables

/* Just Pink Enough to Godzilla — https://swatchly.xyz/palette/ffebf2-e6a9b6-5a9de1-137ab0-475118 */
:root {
  --just-pink-enough: #ffebf2;
  --little-princess: #e6a9b6;
  --blue-bay: #5a9de1;
  --jacuzzi: #137ab0;
  --godzilla: #475118;
}

Tailwind CSS v4

/* Just Pink Enough to Godzilla — https://swatchly.xyz/palette/ffebf2-e6a9b6-5a9de1-137ab0-475118 */
@theme {
  --color-just-pink-enough: #ffebf2;
  --color-just-pink-enough-50: #ffebf2;
  --color-just-pink-enough-100: #f1e4e8;
  --color-just-pink-enough-200: #dfd0d5;
  --color-just-pink-enough-300: #cabac0;
  --color-just-pink-enough-400: #ad9ba1;
  --color-just-pink-enough-500: #928086;
  --color-just-pink-enough-600: #77676d;
  --color-just-pink-enough-700: #605056;
  --color-just-pink-enough-800: #4b3e43;
  --color-just-pink-enough-900: #3a2f33;
  --color-just-pink-enough-950: #251d20;
  --color-little-princess: #e6a9b6;
  --color-little-princess-50: #ffeef1;
  --color-little-princess-100: #ffdee5;
  --color-little-princess-200: #f5c5cf;
  --color-little-princess-300: #e6a9b6;
  --color-little-princess-400: #c58c98;
  --color-little-princess-500: #a9717d;
  --color-little-princess-600: #8d5864;
  --color-little-princess-700: #73444f;
  --color-little-princess-800: #5d333d;
  --color-little-princess-900: #4a262f;
  --color-little-princess-950: #30161d;
  --color-blue-bay: #5a9de1;
  --color-blue-bay-50: #e8f3ff;
  --color-blue-bay-100: #d4e9ff;
  --color-blue-bay-200: #aed5ff;
  --color-blue-bay-300: #83befc;
  --color-blue-bay-400: #5a9de1;
  --color-blue-bay-500: #4083c5;
  --color-blue-bay-600: #2769a7;
  --color-blue-bay-700: #14538c;
  --color-blue-bay-800: #064172;
  --color-blue-bay-900: #01335d;
  --color-blue-bay-950: #00203e;
  --color-jacuzzi: #137ab0;
  --color-jacuzzi-50: #ecf7ff;
  --color-jacuzzi-100: #dbf0ff;
  --color-jacuzzi-200: #b5e0ff;
  --color-jacuzzi-300: #85ceff;
  --color-jacuzzi-400: #5cafe5;
  --color-jacuzzi-500: #3994cc;
  --color-jacuzzi-600: #137ab0;
  --color-jacuzzi-700: #00618f;
  --color-jacuzzi-800: #004b71;
  --color-jacuzzi-900: #003a58;
  --color-jacuzzi-950: #002439;
  --color-godzilla: #475118;
  --color-godzilla-50: #f2fad9;
  --color-godzilla-100: #e7f0cb;
  --color-godzilla-200: #d3deb2;
  --color-godzilla-300: #bec998;
  --color-godzilla-400: #a0ac75;
  --color-godzilla-500: #869259;
  --color-godzilla-600: #6d7941;
  --color-godzilla-700: #59632e;
  --color-godzilla-800: #475118;
  --color-godzilla-900: #373e14;
  --color-godzilla-950: #222808;
}