Bunny Tail to Pacific Pleasure color palette

FFE2FCBunny Tail 231F06Midnight Pines 7CB9CCCrystal Lake 5F3E64Wine Tour 117E97Pacific Pleasure

About this palette

Bunny Tail to Pacific Pleasure is a 5-color cool palette: #FFE2FC (Bunny Tail), #231F06 (Midnight Pines), #7CB9CC (Crystal Lake), #5F3E64 (Wine Tour), #117E97 (Pacific Pleasure). It mixes white, brown, blue, purple tones and feels cool overall. The strongest text pairing is #FFE2FC on #231F06 with a contrast ratio of 13.81:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Bunny Tail	rgb(255, 226, 252)	hsl(306, 100%, 94%)
Midnight Pines	rgb(35, 31, 6)	hsl(52, 71%, 8%)
Crystal Lake	rgb(124, 185, 204)	hsl(194, 44%, 64%)
Wine Tour	rgb(95, 62, 100)	hsl(292, 23%, 32%)
Pacific Pleasure	rgb(17, 126, 151)	hsl(191, 80%, 33%)

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.

Aa13.81:1 Super#FFE2FC on #231F06
Aa13.81:1 Super#231F06 on #FFE2FC
Aa7.61:1 Very good#231F06 on #7CB9CC
Aa7.61:1 Very good#7CB9CC on #231F06
Aa7.43:1 Very good#FFE2FC on #5F3E64
Aa7.43:1 Very good#5F3E64 on #FFE2FC
Aa4.10:1 Poor#7CB9CC on #5F3E64
Aa4.10:1 Poor#5F3E64 on #7CB9CC

Color blindness preview

CSS variables

/* Bunny Tail to Pacific Pleasure — https://swatchly.xyz/palette/ffe2fc-231f06-7cb9cc-5f3e64-117e97 */
:root {
  --bunny-tail: #ffe2fc;
  --midnight-pines: #231f06;
  --crystal-lake: #7cb9cc;
  --wine-tour: #5f3e64;
  --pacific-pleasure: #117e97;
}

Tailwind CSS v4

/* Bunny Tail to Pacific Pleasure — https://swatchly.xyz/palette/ffe2fc-231f06-7cb9cc-5f3e64-117e97 */
@theme {
  --color-bunny-tail: #ffe2fc;
  --color-bunny-tail-50: #fff1fd;
  --color-bunny-tail-100: #ffe2fc;
  --color-bunny-tail-200: #e6d1e4;
  --color-bunny-tail-300: #d1b9ce;
  --color-bunny-tail-400: #b299b0;
  --color-bunny-tail-500: #977d94;
  --color-bunny-tail-600: #7b6379;
  --color-bunny-tail-700: #634d61;
  --color-bunny-tail-800: #4e3b4d;
  --color-bunny-tail-900: #3d2d3b;
  --color-bunny-tail-950: #261b25;
  --color-midnight-pines: #231f06;
  --color-midnight-pines-50: #f8f6e5;
  --color-midnight-pines-100: #efecd9;
  --color-midnight-pines-200: #dcd8c2;
  --color-midnight-pines-300: #c6c2a9;
  --color-midnight-pines-400: #a7a387;
  --color-midnight-pines-500: #8b876b;
  --color-midnight-pines-600: #716c52;
  --color-midnight-pines-700: #59563e;
  --color-midnight-pines-800: #46432d;
  --color-midnight-pines-900: #363321;
  --color-midnight-pines-950: #231f06;
  --color-crystal-lake: #7cb9cc;
  --color-crystal-lake-50: #f2fcff;
  --color-crystal-lake-100: #def7ff;
  --color-crystal-lake-200: #bfe9f6;
  --color-crystal-lake-300: #a4d5e5;
  --color-crystal-lake-400: #7cb9cc;
  --color-crystal-lake-500: #5f9bad;
  --color-crystal-lake-600: #417d8f;
  --color-crystal-lake-700: #2b6374;
  --color-crystal-lake-800: #1a4d5c;
  --color-crystal-lake-900: #0e3b47;
  --color-crystal-lake-950: #04232c;
  --color-wine-tour: #5f3e64;
  --color-wine-tour-50: #fdf0ff;
  --color-wine-tour-100: #fae2fe;
  --color-wine-tour-200: #e8caec;
  --color-wine-tour-300: #d2b0d6;
  --color-wine-tour-400: #b28eb7;
  --color-wine-tour-500: #95719a;
  --color-wine-tour-600: #77567c;
  --color-wine-tour-700: #5f3e64;
  --color-wine-tour-800: #4a304d;
  --color-wine-tour-900: #39243d;
  --color-wine-tour-950: #241526;
  --color-pacific-pleasure: #117e97;
  --color-pacific-pleasure-50: #e6f9ff;
  --color-pacific-pleasure-100: #cff3ff;
  --color-pacific-pleasure-200: #a5e5f9;
  --color-pacific-pleasure-300: #86d1e7;
  --color-pacific-pleasure-400: #5cb3cc;
  --color-pacific-pleasure-500: #3998b2;
  --color-pacific-pleasure-600: #117e97;
  --color-pacific-pleasure-700: #00647a;
  --color-pacific-pleasure-800: #004e5f;
  --color-pacific-pleasure-900: #003c4a;
  --color-pacific-pleasure-950: #00262f;
}