Godzilla to Scented Spring Color Palette

About this palette

Godzilla to Scented Spring is a 5-color cool palette: #344D00 (Godzilla), #9478CD (Viola), #00818A (Bermuda), #DFA8A3 (Pastel Pink), #E3D7FA (Scented Spring). It mixes green, purple, turquoise, pink tones and feels cool overall. The strongest text pairing is #344D00 on #E3D7FA with a contrast ratio of 6.96:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Godzilla	rgb(52, 77, 0)	hsl(79, 100%, 15%)
Viola	rgb(148, 120, 205)	hsl(260, 46%, 64%)
Bermuda	rgb(0, 129, 138)	hsl(184, 100%, 27%)
Pastel Pink	rgb(223, 168, 163)	hsl(5, 48%, 76%)
Scented Spring	rgb(227, 215, 250)	hsl(261, 78%, 91%)

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.

Aa6.96:1 Good#344D00 on #E3D7FA
Aa6.96:1 Good#E3D7FA on #344D00
Aa4.65:1 Good#344D00 on #DFA8A3
Aa4.65:1 Good#DFA8A3 on #344D00
Aa3.41:1 Poor#00818A on #E3D7FA
Aa3.41:1 Poor#E3D7FA on #00818A

Color blindness preview

CSS variables

/* Godzilla to Scented Spring — https://swatchly.xyz/palette/344d00-9478cd-00818a-dfa8a3-e3d7fa */
:root {
  --godzilla: #344d00;
  --viola: #9478cd;
  --bermuda: #00818a;
  --pastel-pink: #dfa8a3;
  --scented-spring: #e3d7fa;
}

Tailwind CSS v4

/* Godzilla to Scented Spring — https://swatchly.xyz/palette/344d00-9478cd-00818a-dfa8a3-e3d7fa */
@theme {
  --color-godzilla: #344d00;
  --color-godzilla-50: #eafdd6;
  --color-godzilla-100: #dff4c8;
  --color-godzilla-200: #c9e1ad;
  --color-godzilla-300: #b1cc90;
  --color-godzilla-400: #91ae6b;
  --color-godzilla-500: #75924e;
  --color-godzilla-600: #5c7735;
  --color-godzilla-700: #476021;
  --color-godzilla-800: #344d00;
  --color-godzilla-900: #293b09;
  --color-godzilla-950: #182503;
  --color-viola: #9478cd;
  --color-viola-50: #f7f4ff;
  --color-viola-100: #efe9ff;
  --color-viola-200: #ded2ff;
  --color-viola-300: #ccb6ff;
  --color-viola-400: #ae94e7;
  --color-viola-500: #9478cd;
  --color-viola-600: #795dae;
  --color-viola-700: #614691;
  --color-viola-800: #4c3476;
  --color-viola-900: #3b265e;
  --color-viola-950: #25163e;
  --color-bermuda: #00818a;
  --color-bermuda-50: #ddfcff;
  --color-bermuda-100: #c0f8fe;
  --color-bermuda-200: #a4e8ee;
  --color-bermuda-300: #84d3db;
  --color-bermuda-400: #59b6bf;
  --color-bermuda-500: #349ba4;
  --color-bermuda-600: #00818a;
  --color-bermuda-700: #00666e;
  --color-bermuda-800: #005056;
  --color-bermuda-900: #003e42;
  --color-bermuda-950: #00272a;
  --color-pastel-pink: #dfa8a3;
  --color-pastel-pink-50: #ffebe9;
  --color-pastel-pink-100: #ffdbd8;
  --color-pastel-pink-200: #f0c3bf;
  --color-pastel-pink-300: #dfa8a3;
  --color-pastel-pink-400: #bf8b86;
  --color-pastel-pink-500: #a4716d;
  --color-pastel-pink-600: #895955;
  --color-pastel-pink-700: #704542;
  --color-pastel-pink-800: #5b3532;
  --color-pastel-pink-900: #492926;
  --color-pastel-pink-950: #2f1816;
  --color-scented-spring: #e3d7fa;
  --color-scented-spring-50: #faf8ff;
  --color-scented-spring-100: #f3edff;
  --color-scented-spring-200: #e3d7fa;
  --color-scented-spring-300: #cac1dd;
  --color-scented-spring-400: #aa9fbf;
  --color-scented-spring-500: #8e83a3;
  --color-scented-spring-600: #726786;
  --color-scented-spring-700: #5a506c;
  --color-scented-spring-800: #463d55;
  --color-scented-spring-900: #362f43;
  --color-scented-spring-950: #211c2b;
}