Start generating

Pristine Oceanic to Grapest color palette

00CEA9Pristine Oceanic997400Glazed ChestnutFFA5CAFresh Gum0055ACBlasphemous BlueFCE0A7Honey Bee8A005CGrapest
Open in generator Export PNG, PDF, ASE…

About this palette

Pristine Oceanic to Grapest is a 6-color warm palette: #00CEA9 (Pristine Oceanic), #997400 (Glazed Chestnut), #FFA5CA (Fresh Gum), #0055AC (Blasphemous Blue), #FCE0A7 (Honey Bee), #8A005C (Grapest). It mixes turquoise, yellow, pink, blue, red tones and feels warm overall. The strongest text pairing is #FCE0A7 on #8A005C with a contrast ratio of 7.32:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Pristine Oceanicrgb(0, 206, 169)hsl(169, 100%, 40%)
Glazed Chestnutrgb(153, 116, 0)hsl(45, 100%, 30%)
Fresh Gumrgb(255, 165, 202)hsl(335, 100%, 82%)
Blasphemous Bluergb(0, 85, 172)hsl(210, 100%, 34%)
Honey Beergb(252, 224, 167)hsl(40, 93%, 82%)
Grapestrgb(138, 0, 92)hsl(320, 100%, 27%)

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.32:1 Very good#FCE0A7 on #8A005C
  • Aa7.32:1 Very good#8A005C on #FCE0A7
  • Aa5.65:1 Good#0055AC on #FCE0A7
  • Aa5.65:1 Good#FCE0A7 on #0055AC
  • Aa5.14:1 Good#FFA5CA on #8A005C
  • Aa5.14:1 Good#8A005C on #FFA5CA
  • Aa4.65:1 Good#00CEA9 on #8A005C
  • Aa4.65:1 Good#8A005C on #00CEA9

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Pristine Oceanic to Grapest — https://swatchly.xyz/palette/00cea9-997400-ffa5ca-0055ac-fce0a7-8a005c */
:root {
  --pristine-oceanic: #00cea9;
  --glazed-chestnut: #997400;
  --fresh-gum: #ffa5ca;
  --blasphemous-blue: #0055ac;
  --honey-bee: #fce0a7;
  --grapest: #8a005c;
}

Tailwind CSS v4

/* Pristine Oceanic to Grapest — https://swatchly.xyz/palette/00cea9-997400-ffa5ca-0055ac-fce0a7-8a005c */
@theme {
  --color-pristine-oceanic: #00cea9;
  --color-pristine-oceanic-50: #effff9;
  --color-pristine-oceanic-100: #d2fff0;
  --color-pristine-oceanic-200: #9af8dd;
  --color-pristine-oceanic-300: #74e7c8;
  --color-pristine-oceanic-400: #00cea9;
  --color-pristine-oceanic-500: #00ab8c;
  --color-pristine-oceanic-600: #008970;
  --color-pristine-oceanic-700: #006c58;
  --color-pristine-oceanic-800: #005443;
  --color-pristine-oceanic-900: #003f32;
  --color-pristine-oceanic-950: #00261d;
  --color-glazed-chestnut: #997400;
  --color-glazed-chestnut-50: #fff2d5;
  --color-glazed-chestnut-100: #fee4ac;
  --color-glazed-chestnut-200: #eccd8a;
  --color-glazed-chestnut-300: #d6b465;
  --color-glazed-chestnut-400: #b79236;
  --color-glazed-chestnut-500: #997400;
  --color-glazed-chestnut-600: #7c5d00;
  --color-glazed-chestnut-700: #634a00;
  --color-glazed-chestnut-800: #4e3a00;
  --color-glazed-chestnut-900: #3d2d00;
  --color-glazed-chestnut-950: #281c00;
  --color-fresh-gum: #ffa5ca;
  --color-fresh-gum-50: #fff3f8;
  --color-fresh-gum-100: #ffe6ef;
  --color-fresh-gum-200: #ffc9de;
  --color-fresh-gum-300: #ffa5ca;
  --color-fresh-gum-400: #da87a9;
  --color-fresh-gum-500: #bd6a8e;
  --color-fresh-gum-600: #9f4f72;
  --color-fresh-gum-700: #823a5b;
  --color-fresh-gum-800: #682947;
  --color-fresh-gum-900: #521d36;
  --color-fresh-gum-950: #360f22;
  --color-blasphemous-blue: #0055ac;
  --color-blasphemous-blue-50: #eff6ff;
  --color-blasphemous-blue-100: #dfedff;
  --color-blasphemous-blue-200: #bfdaff;
  --color-blasphemous-blue-300: #99c5ff;
  --color-blasphemous-blue-400: #60a5fe;
  --color-blasphemous-blue-500: #4188e4;
  --color-blasphemous-blue-600: #256dc5;
  --color-blasphemous-blue-700: #0055ac;
  --color-blasphemous-blue-800: #004289;
  --color-blasphemous-blue-900: #00326b;
  --color-blasphemous-blue-950: #001f47;
  --color-honey-bee: #fce0a7;
  --color-honey-bee-50: #fdedcc;
  --color-honey-bee-100: #fce0a7;
  --color-honey-bee-200: #e4cfa4;
  --color-honey-bee-300: #d1b989;
  --color-honey-bee-400: #b49a66;
  --color-honey-bee-500: #9a804a;
  --color-honey-bee-600: #7f6732;
  --color-honey-bee-700: #685220;
  --color-honey-bee-800: #533f12;
  --color-honey-bee-900: #413008;
  --color-honey-bee-950: #291d03;
  --color-grapest: #8a005c;
  --color-grapest-50: #fff1f7;
  --color-grapest-100: #ffe2ef;
  --color-grapest-200: #ffc1de;
  --color-grapest-300: #ff97cc;
  --color-grapest-400: #e76aae;
  --color-grapest-500: #c74a91;
  --color-grapest-600: #a52d74;
  --color-grapest-700: #8a005c;
  --color-grapest-800: #6b0847;
  --color-grapest-900: #550237;
  --color-grapest-950: #380023;
}

Similar palettes