Blackberry to Fairy Dust Color Palette

About this palette

Blackberry to Fairy Dust is a 5-color palette: #4E162B (Blackberry), #6E4700 (Very Coffee), #3F79C9 (Fading Night), #00E6BB (Aquamarine), #FFEAF3 (Fairy Dust). It mixes red, brown, blue, turquoise, white tones and feels balanced overall. The strongest text pairing is #4E162B on #FFEAF3 with a contrast ratio of 12.43:1, and 4 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Blackberry	rgb(78, 22, 43)	hsl(338, 56%, 20%)
Very Coffee	rgb(110, 71, 0)	hsl(39, 100%, 22%)
Fading Night	rgb(63, 121, 201)	hsl(215, 56%, 52%)
Aquamarine	rgb(0, 230, 187)	hsl(169, 100%, 45%)
Fairy Dust	rgb(255, 234, 243)	hsl(334, 100%, 96%)

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.

Aa12.43:1 Super#4E162B on #FFEAF3
Aa12.43:1 Super#FFEAF3 on #4E162B
Aa8.85:1 Very good#4E162B on #00E6BB
Aa8.85:1 Very good#00E6BB on #4E162B
Aa7.14:1 Very good#6E4700 on #FFEAF3
Aa7.14:1 Very good#FFEAF3 on #6E4700
Aa5.08:1 Good#6E4700 on #00E6BB
Aa5.08:1 Good#00E6BB on #6E4700

Color blindness preview

CSS variables

/* Blackberry to Fairy Dust — https://swatchly.xyz/palette/4e162b-6e4700-3f79c9-00e6bb-ffeaf3 */
:root {
  --blackberry: #4e162b;
  --very-coffee: #6e4700;
  --fading-night: #3f79c9;
  --aquamarine: #00e6bb;
  --fairy-dust: #ffeaf3;
}

Tailwind CSS v4

/* Blackberry to Fairy Dust — https://swatchly.xyz/palette/4e162b-6e4700-3f79c9-00e6bb-ffeaf3 */
@theme {
  --color-blackberry: #4e162b;
  --color-blackberry-50: #fff1f4;
  --color-blackberry-100: #ffe3ea;
  --color-blackberry-200: #fdc7d5;
  --color-blackberry-300: #eaadbe;
  --color-blackberry-400: #cc8b9d;
  --color-blackberry-500: #af6e81;
  --color-blackberry-600: #915366;
  --color-blackberry-700: #743e4f;
  --color-blackberry-800: #5b2d3c;
  --color-blackberry-900: #4e162b;
  --color-blackberry-950: #2c111a;
  --color-very-coffee: #6e4700;
  --color-very-coffee-50: #fff3e4;
  --color-very-coffee-100: #ffe7c9;
  --color-very-coffee-200: #f2d0a5;
  --color-very-coffee-300: #deb886;
  --color-very-coffee-400: #c0965e;
  --color-very-coffee-500: #a47a40;
  --color-very-coffee-600: #865f25;
  --color-very-coffee-700: #6e4700;
  --color-very-coffee-800: #563704;
  --color-very-coffee-900: #432a00;
  --color-very-coffee-950: #2b1900;
  --color-fading-night: #3f79c9;
  --color-fading-night-50: #ebf3ff;
  --color-fading-night-100: #d7e8ff;
  --color-fading-night-200: #b3d3ff;
  --color-fading-night-300: #89baff;
  --color-fading-night-400: #5d97e8;
  --color-fading-night-500: #3f79c9;
  --color-fading-night-600: #2960ab;
  --color-fading-night-700: #194c8f;
  --color-fading-night-800: #0d3b75;
  --color-fading-night-900: #062d5f;
  --color-fading-night-950: #021c40;
  --color-aquamarine: #00e6bb;
  --color-aquamarine-50: #e3fff5;
  --color-aquamarine-100: #bcffe9;
  --color-aquamarine-200: #84f4d4;
  --color-aquamarine-300: #00e6bb;
  --color-aquamarine-400: #00c19c;
  --color-aquamarine-500: #00a081;
  --color-aquamarine-600: #008168;
  --color-aquamarine-700: #006652;
  --color-aquamarine-800: #004f3f;
  --color-aquamarine-900: #003d30;
  --color-aquamarine-950: #00261d;
  --color-fairy-dust: #ffeaf3;
  --color-fairy-dust-50: #ffeaf3;
  --color-fairy-dust-100: #f1e3e9;
  --color-fairy-dust-200: #dfd0d6;
  --color-fairy-dust-300: #cbb9c1;
  --color-fairy-dust-400: #ad9aa2;
  --color-fairy-dust-500: #927f88;
  --color-fairy-dust-600: #78666e;
  --color-fairy-dust-700: #605057;
  --color-fairy-dust-800: #4c3e44;
  --color-fairy-dust-900: #3b2f34;
  --color-fairy-dust-950: #251c20;
}