Start generating

Poseidon Jr. to Dark Purple color palette

74E5F1Poseidon Jr.FF92A7Rock’n’Rose67A300Ruminant’s Paradise006F76Pine Scented Lagoon344C00Godzilla2D1540Dark Purple
Open in generator Export PNG, PDF, ASE…

About this palette

Poseidon Jr. to Dark Purple is a 6-color cool palette: #74E5F1 (Poseidon Jr.), #FF92A7 (Rock’n’Rose), #67A300 (Ruminant’s Paradise), #006F76 (Pine Scented Lagoon), #344C00 (Godzilla), #2D1540 (Dark Purple). It mixes turquoise, pink, green, purple tones and feels cool overall. The strongest text pairing is #74E5F1 on #2D1540 with a contrast ratio of 11.00:1, and 5 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Poseidon Jr.rgb(116, 229, 241)hsl(186, 82%, 70%)
Rock’n’Rosergb(255, 146, 167)hsl(348, 100%, 79%)
Ruminant’s Paradisergb(103, 163, 0)hsl(82, 100%, 32%)
Pine Scented Lagoonrgb(0, 111, 118)hsl(184, 100%, 23%)
Godzillargb(52, 76, 0)hsl(79, 100%, 15%)
Dark Purplergb(45, 21, 64)hsl(273, 51%, 17%)

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.

  • Aa11.00:1 Very good#74E5F1 on #2D1540
  • Aa11.00:1 Very good#2D1540 on #74E5F1
  • Aa7.67:1 Very good#FF92A7 on #2D1540
  • Aa7.67:1 Very good#2D1540 on #FF92A7
  • Aa6.52:1 Good#74E5F1 on #344C00
  • Aa6.52:1 Good#344C00 on #74E5F1
  • Aa5.27:1 Good#67A300 on #2D1540
  • Aa5.27:1 Good#2D1540 on #67A300

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Poseidon Jr. to Dark Purple — https://swatchly.xyz/palette/74e5f1-ff92a7-67a300-006f76-344c00-2d1540 */
:root {
  --poseidon-jr: #74e5f1;
  --rock-n-rose: #ff92a7;
  --ruminant-s-paradise: #67a300;
  --pine-scented-lagoon: #006f76;
  --godzilla: #344c00;
  --dark-purple: #2d1540;
}

Tailwind CSS v4

/* Poseidon Jr. to Dark Purple — https://swatchly.xyz/palette/74e5f1-ff92a7-67a300-006f76-344c00-2d1540 */
@theme {
  --color-poseidon-jr: #74e5f1;
  --color-poseidon-jr-50: #cefaff;
  --color-poseidon-jr-100: #b0f4fb;
  --color-poseidon-jr-200: #74e5f1;
  --color-poseidon-jr-300: #6dcdd7;
  --color-poseidon-jr-400: #3eafbb;
  --color-poseidon-jr-500: #0095a0;
  --color-poseidon-jr-600: #007882;
  --color-poseidon-jr-700: #006068;
  --color-poseidon-jr-800: #004c53;
  --color-poseidon-jr-900: #003b40;
  --color-poseidon-jr-950: #002528;
  --color-rock-n-rose: #ff92a7;
  --color-rock-n-rose-50: #ffeaed;
  --color-rock-n-rose-100: #ffdadf;
  --color-rock-n-rose-200: #ffbac5;
  --color-rock-n-rose-300: #ff92a7;
  --color-rock-n-rose-400: #dc768a;
  --color-rock-n-rose-500: #c15a71;
  --color-rock-n-rose-600: #a34259;
  --color-rock-n-rose-700: #872f45;
  --color-rock-n-rose-800: #6f2135;
  --color-rock-n-rose-900: #5a1729;
  --color-rock-n-rose-950: #3b0b18;
  --color-ruminant-s-paradise: #67a300;
  --color-ruminant-s-paradise-50: #eaffd9;
  --color-ruminant-s-paradise-100: #d6feb3;
  --color-ruminant-s-paradise-200: #bfee94;
  --color-ruminant-s-paradise-300: #a5da71;
  --color-ruminant-s-paradise-400: #83bd40;
  --color-ruminant-s-paradise-500: #67a300;
  --color-ruminant-s-paradise-600: #528300;
  --color-ruminant-s-paradise-700: #406800;
  --color-ruminant-s-paradise-800: #315100;
  --color-ruminant-s-paradise-900: #243e00;
  --color-ruminant-s-paradise-950: #142600;
  --color-pine-scented-lagoon: #006f76;
  --color-pine-scented-lagoon-50: #dcfcff;
  --color-pine-scented-lagoon-100: #c0f4f9;
  --color-pine-scented-lagoon-200: #a1e1e6;
  --color-pine-scented-lagoon-300: #80cad0;
  --color-pine-scented-lagoon-400: #55a9b0;
  --color-pine-scented-lagoon-500: #328c93;
  --color-pine-scented-lagoon-600: #006f76;
  --color-pine-scented-lagoon-700: #00585e;
  --color-pine-scented-lagoon-800: #00454a;
  --color-pine-scented-lagoon-900: #003639;
  --color-pine-scented-lagoon-950: #002224;
  --color-godzilla: #344c00;
  --color-godzilla-50: #ebfdd6;
  --color-godzilla-100: #e0f4c8;
  --color-godzilla-200: #cae1ad;
  --color-godzilla-300: #b2cc91;
  --color-godzilla-400: #91ad6b;
  --color-godzilla-500: #76924e;
  --color-godzilla-600: #5c7735;
  --color-godzilla-700: #475f21;
  --color-godzilla-800: #344c00;
  --color-godzilla-900: #293a0a;
  --color-godzilla-950: #182403;
  --color-dark-purple: #2d1540;
  --color-dark-purple-50: #f8f2ff;
  --color-dark-purple-100: #f2e5ff;
  --color-dark-purple-200: #e2cef7;
  --color-dark-purple-300: #cdb6e4;
  --color-dark-purple-400: #ae95c8;
  --color-dark-purple-500: #947aad;
  --color-dark-purple-600: #796191;
  --color-dark-purple-700: #624c78;
  --color-dark-purple-800: #4f3a61;
  --color-dark-purple-900: #3e2d4e;
  --color-dark-purple-950: #2d1540;
}

Similar palettes