Cockatoo to Decreasing Brown Color Palette

About this palette

Cockatoo to Decreasing Brown is a 4-color cool palette: #43CAB9 (Cockatoo), #593C82 (Kingfisher Daisy), #E9DCFF (Grape Taffy), #9B7251 (Decreasing Brown). It mixes turquoise, purple, orange tones and feels cool overall. The strongest text pairing is #593C82 on #E9DCFF with a contrast ratio of 6.75:1, and 1 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Cockatoo	rgb(67, 202, 185)	hsl(172, 56%, 53%)
Kingfisher Daisy	rgb(89, 60, 130)	hsl(265, 37%, 37%)
Grape Taffy	rgb(233, 220, 255)	hsl(262, 100%, 93%)
Decreasing Brown	rgb(155, 114, 81)	hsl(27, 31%, 46%)

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.

Aa6.75:1 Good#593C82 on #E9DCFF
Aa6.75:1 Good#E9DCFF on #593C82
Aa4.34:1 Poor#43CAB9 on #593C82
Aa4.34:1 Poor#593C82 on #43CAB9
Aa3.28:1 Poor#E9DCFF on #9B7251
Aa3.28:1 Poor#9B7251 on #E9DCFF

Color blindness preview

CSS variables

/* Cockatoo to Decreasing Brown — https://swatchly.xyz/palette/43cab9-593c82-e9dcff-9b7251 */
:root {
  --cockatoo: #43cab9;
  --kingfisher-daisy: #593c82;
  --grape-taffy: #e9dcff;
  --decreasing-brown: #9b7251;
}

Tailwind CSS v4

/* Cockatoo to Decreasing Brown — https://swatchly.xyz/palette/43cab9-593c82-e9dcff-9b7251 */
@theme {
  --color-cockatoo: #43cab9;
  --color-cockatoo-50: #b8fef2;
  --color-cockatoo-100: #a3f3e6;
  --color-cockatoo-200: #7edfd1;
  --color-cockatoo-300: #43cab9;
  --color-cockatoo-400: #17ac9c;
  --color-cockatoo-500: #009183;
  --color-cockatoo-600: #00756a;
  --color-cockatoo-700: #005e55;
  --color-cockatoo-800: #004b44;
  --color-cockatoo-900: #003c36;
  --color-cockatoo-950: #002621;
  --color-kingfisher-daisy: #593c82;
  --color-kingfisher-daisy-50: #f7f3ff;
  --color-kingfisher-daisy-100: #efe6ff;
  --color-kingfisher-daisy-200: #ddccff;
  --color-kingfisher-daisy-300: #c8aff5;
  --color-kingfisher-daisy-400: #a98dd8;
  --color-kingfisher-daisy-500: #8c70bb;
  --color-kingfisher-daisy-600: #70559b;
  --color-kingfisher-daisy-700: #593c82;
  --color-kingfisher-daisy-800: #452f65;
  --color-kingfisher-daisy-900: #362350;
  --color-kingfisher-daisy-950: #211434;
  --color-grape-taffy: #e9dcff;
  --color-grape-taffy-50: #f2eaff;
  --color-grape-taffy-100: #e9dcff;
  --color-grape-taffy-200: #d5cbe6;
  --color-grape-taffy-300: #c1b6d3;
  --color-grape-taffy-400: #a397b7;
  --color-grape-taffy-500: #897d9d;
  --color-grape-taffy-600: #706482;
  --color-grape-taffy-700: #5a4f6b;
  --color-grape-taffy-800: #463d55;
  --color-grape-taffy-900: #362e42;
  --color-grape-taffy-950: #221c2a;
  --color-decreasing-brown: #9b7251;
  --color-decreasing-brown-50: #fff0e5;
  --color-decreasing-brown-100: #ffe1ca;
  --color-decreasing-brown-200: #edcaaf;
  --color-decreasing-brown-300: #d8b192;
  --color-decreasing-brown-400: #b98f6e;
  --color-decreasing-brown-500: #9b7251;
  --color-decreasing-brown-600: #805a3b;
  --color-decreasing-brown-700: #68462a;
  --color-decreasing-brown-800: #54361d;
  --color-decreasing-brown-900: #422914;
  --color-decreasing-brown-950: #2b190a;
}