Limestoned to Bunny Tail Color Palette

About this palette

Limestoned to Bunny Tail is a 4-color pastel, light palette: #ACCEA2 (Limestoned), #F6BDA9 (Fatty Sashimi), #C8F4BE (Maroccan Tea), #FFDEF3 (Bunny Tail). It mixes green, orange, pink tones and feels balanced overall. The strongest text pairing is #ACCEA2 on #C8F4BE with a contrast ratio of 1.42:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Limestoned	rgb(172, 206, 162)	hsl(106, 31%, 72%)
Fatty Sashimi	rgb(246, 189, 169)	hsl(16, 81%, 81%)
Maroccan Tea	rgb(200, 244, 190)	hsl(109, 71%, 85%)
Bunny Tail	rgb(255, 222, 243)	hsl(322, 100%, 94%)

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.

Color blindness preview

CSS variables

/* Limestoned to Bunny Tail — https://swatchly.xyz/palette/accea2-f6bda9-c8f4be-ffdef3 */
:root {
  --limestoned: #accea2;
  --fatty-sashimi: #f6bda9;
  --maroccan-tea: #c8f4be;
  --bunny-tail: #ffdef3;
}

Tailwind CSS v4

/* Limestoned to Bunny Tail — https://swatchly.xyz/palette/accea2-f6bda9-c8f4be-ffdef3 */
@theme {
  --color-limestoned: #accea2;
  --color-limestoned-50: #eafde4;
  --color-limestoned-100: #def4d8;
  --color-limestoned-200: #c8e2c1;
  --color-limestoned-300: #accea2;
  --color-limestoned-400: #8ead85;
  --color-limestoned-500: #729268;
  --color-limestoned-600: #58764f;
  --color-limestoned-700: #435f3b;
  --color-limestoned-800: #324a2b;
  --color-limestoned-900: #25391f;
  --color-limestoned-950: #152411;
  --color-fatty-sashimi: #f6bda9;
  --color-fatty-sashimi-50: #fffaf8;
  --color-fatty-sashimi-100: #ffefe9;
  --color-fatty-sashimi-200: #ffd7c9;
  --color-fatty-sashimi-300: #f6bda9;
  --color-fatty-sashimi-400: #d09d8b;
  --color-fatty-sashimi-500: #b37f6c;
  --color-fatty-sashimi-600: #956351;
  --color-fatty-sashimi-700: #794b3b;
  --color-fatty-sashimi-800: #60382a;
  --color-fatty-sashimi-900: #4a291d;
  --color-fatty-sashimi-950: #301810;
  --color-maroccan-tea: #c8f4be;
  --color-maroccan-tea-50: #dff9da;
  --color-maroccan-tea-100: #c8f4be;
  --color-maroccan-tea-200: #bddeb5;
  --color-maroccan-tea-300: #a4c99c;
  --color-maroccan-tea-400: #84ac7b;
  --color-maroccan-tea-500: #699160;
  --color-maroccan-tea-600: #507748;
  --color-maroccan-tea-700: #3d6035;
  --color-maroccan-tea-800: #2d4b26;
  --color-maroccan-tea-900: #203a1a;
  --color-maroccan-tea-950: #12250e;
  --color-bunny-tail: #ffdef3;
  --color-bunny-tail-50: #ffeef9;
  --color-bunny-tail-100: #ffdef3;
  --color-bunny-tail-200: #e6cedd;
  --color-bunny-tail-300: #d2b6c8;
  --color-bunny-tail-400: #b496a9;
  --color-bunny-tail-500: #997b8e;
  --color-bunny-tail-600: #7e6274;
  --color-bunny-tail-700: #654c5d;
  --color-bunny-tail-800: #503b49;
  --color-bunny-tail-900: #3f2c38;
  --color-bunny-tail-950: #281a23;
}