Gummy Dolphins to Ahoy! Blue color palette

00AAD3Gummy Dolphins C3E1FFBroad Daylight 006F6EPine Scented Lagoon 64D1D9Summer of ’82 223760Midnight Escapade 00829FAhoy! Blue

Open in generator Export PNG, PDF, ASE…

About this palette

Gummy Dolphins to Ahoy! Blue is a 6-color cool palette: #00AAD3 (Gummy Dolphins), #C3E1FF (Broad Daylight), #006F6E (Pine Scented Lagoon), #64D1D9 (Summer of ’82), #223760 (Midnight Escapade), #00829F (Ahoy! Blue). It mixes blue, turquoise tones and feels cool overall. The strongest text pairing is #C3E1FF on #223760 with a contrast ratio of 8.71:1, and 2 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Gummy Dolphins	rgb(0, 170, 211)	hsl(192, 100%, 41%)
Broad Daylight	rgb(195, 225, 255)	hsl(210, 100%, 88%)
Pine Scented Lagoon	rgb(0, 111, 110)	hsl(179, 100%, 22%)
Summer of ’82	rgb(100, 209, 217)	hsl(184, 61%, 62%)
Midnight Escapade	rgb(34, 55, 96)	hsl(220, 48%, 25%)
Ahoy! Blue	rgb(0, 130, 159)	hsl(191, 100%, 31%)

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.

Aa8.71:1 Very good#C3E1FF on #223760
Aa8.71:1 Very good#223760 on #C3E1FF
Aa6.54:1 Good#64D1D9 on #223760
Aa6.54:1 Good#223760 on #64D1D9
Aa4.44:1 Poor#C3E1FF on #006F6E
Aa4.44:1 Poor#006F6E on #C3E1FF
Aa4.31:1 Poor#00AAD3 on #223760
Aa4.31:1 Poor#223760 on #00AAD3

Color blindness preview

CSS variables

/* Gummy Dolphins to Ahoy! Blue — https://swatchly.xyz/palette/00aad3-c3e1ff-006f6e-64d1d9-223760-00829f */
:root {
  --gummy-dolphins: #00aad3;
  --broad-daylight: #c3e1ff;
  --pine-scented-lagoon: #006f6e;
  --summer-of-82: #64d1d9;
  --midnight-escapade: #223760;
  --ahoy-blue: #00829f;
}

Tailwind CSS v4

/* Gummy Dolphins to Ahoy! Blue — https://swatchly.xyz/palette/00aad3-c3e1ff-006f6e-64d1d9-223760-00829f */
@theme {
  --color-gummy-dolphins: #00aad3;
  --color-gummy-dolphins-50: #e1f7ff;
  --color-gummy-dolphins-100: #c5efff;
  --color-gummy-dolphins-200: #8ae0ff;
  --color-gummy-dolphins-300: #5ccaef;
  --color-gummy-dolphins-400: #00aad3;
  --color-gummy-dolphins-500: #008eb0;
  --color-gummy-dolphins-600: #00728f;
  --color-gummy-dolphins-700: #005b72;
  --color-gummy-dolphins-800: #00485b;
  --color-gummy-dolphins-900: #003848;
  --color-gummy-dolphins-950: #00242f;
  --color-broad-daylight: #c3e1ff;
  --color-broad-daylight-50: #f4faff;
  --color-broad-daylight-100: #e5f2ff;
  --color-broad-daylight-200: #c3e1ff;
  --color-broad-daylight-300: #b0c9e1;
  --color-broad-daylight-400: #8da8c3;
  --color-broad-daylight-500: #708ca7;
  --color-broad-daylight-600: #56708a;
  --color-broad-daylight-700: #415970;
  --color-broad-daylight-800: #304459;
  --color-broad-daylight-900: #233546;
  --color-broad-daylight-950: #14202d;
  --color-pine-scented-lagoon: #006f6e;
  --color-pine-scented-lagoon-50: #d5fffd;
  --color-pine-scented-lagoon-100: #c1f5f3;
  --color-pine-scented-lagoon-200: #a2e1df;
  --color-pine-scented-lagoon-300: #80cac8;
  --color-pine-scented-lagoon-400: #55a9a8;
  --color-pine-scented-lagoon-500: #328c8a;
  --color-pine-scented-lagoon-600: #006f6e;
  --color-pine-scented-lagoon-700: #005857;
  --color-pine-scented-lagoon-800: #004544;
  --color-pine-scented-lagoon-900: #003635;
  --color-pine-scented-lagoon-950: #002221;
  --color-summer-of-82: #64d1d9;
  --color-summer-of-82-50: #d5fcff;
  --color-summer-of-82-100: #b7f6fb;
  --color-summer-of-82-200: #97e4ea;
  --color-summer-of-82-300: #64d1d9;
  --color-summer-of-82-400: #46b1b8;
  --color-summer-of-82-500: #17969e;
  --color-summer-of-82-600: #007980;
  --color-summer-of-82-700: #006066;
  --color-summer-of-82-800: #004c50;
  --color-summer-of-82-900: #003b3f;
  --color-summer-of-82-950: #002527;
  --color-midnight-escapade: #223760;
  --color-midnight-escapade-50: #f0f5ff;
  --color-midnight-escapade-100: #e1ecff;
  --color-midnight-escapade-200: #c4d8fe;
  --color-midnight-escapade-300: #aac2ec;
  --color-midnight-escapade-400: #8aa3d1;
  --color-midnight-escapade-500: #6f88b7;
  --color-midnight-escapade-600: #576f9c;
  --color-midnight-escapade-700: #435982;
  --color-midnight-escapade-800: #33476b;
  --color-midnight-escapade-900: #223760;
  --color-midnight-escapade-950: #17233a;
  --color-ahoy-blue: #00829f;
  --color-ahoy-blue-50: #e7f9ff;
  --color-ahoy-blue-100: #d2f3ff;
  --color-ahoy-blue-200: #a4e7fe;
  --color-ahoy-blue-300: #84d3ed;
  --color-ahoy-blue-400: #59b6d3;
  --color-ahoy-blue-500: #349cb9;
  --color-ahoy-blue-600: #00829f;
  --color-ahoy-blue-700: #00677f;
  --color-ahoy-blue-800: #005164;
  --color-ahoy-blue-900: #003e4d;
  --color-ahoy-blue-950: #002731;
}