Blackberry to Glacial Drift color palette

481C2FBlackberry 635000Ayahuasca Vine 717ECEOrbital 6DBBA4Sereni Teal C1F9ECGlacial Drift

About this palette

Blackberry to Glacial Drift is a 5-color cool, vintage palette: #481C2F (Blackberry), #635000 (Ayahuasca Vine), #717ECE (Orbital), #6DBBA4 (Sereni Teal), #C1F9EC (Glacial Drift). It mixes red, brown, purple, turquoise, white tones and feels cool overall. The strongest text pairing is #481C2F on #C1F9EC with a contrast ratio of 12.16:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Blackberry	rgb(72, 28, 47)	hsl(334, 44%, 20%)
Ayahuasca Vine	rgb(99, 80, 0)	hsl(48, 100%, 19%)
Orbital	rgb(113, 126, 206)	hsl(232, 49%, 63%)
Sereni Teal	rgb(109, 187, 164)	hsl(162, 36%, 58%)
Glacial Drift	rgb(193, 249, 236)	hsl(166, 82%, 87%)

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.16:1 Super#481C2F on #C1F9EC
Aa12.16:1 Super#C1F9EC on #481C2F
Aa6.73:1 Good#635000 on #C1F9EC
Aa6.73:1 Good#C1F9EC on #635000
Aa6.27:1 Good#481C2F on #6DBBA4
Aa6.27:1 Good#6DBBA4 on #481C2F
Aa3.76:1 Poor#481C2F on #717ECE
Aa3.76:1 Poor#717ECE on #481C2F

Color blindness preview

CSS variables

/* Blackberry to Glacial Drift — https://swatchly.xyz/palette/481c2f-635000-717ece-6dbba4-c1f9ec */
:root {
  --blackberry: #481c2f;
  --ayahuasca-vine: #635000;
  --orbital: #717ece;
  --sereni-teal: #6dbba4;
  --glacial-drift: #c1f9ec;
}

Tailwind CSS v4

/* Blackberry to Glacial Drift — https://swatchly.xyz/palette/481c2f-635000-717ece-6dbba4-c1f9ec */
@theme {
  --color-blackberry: #481c2f;
  --color-blackberry-50: #fff1f5;
  --color-blackberry-100: #ffe2ec;
  --color-blackberry-200: #f5cad9;
  --color-blackberry-300: #e2b1c3;
  --color-blackberry-400: #c48fa2;
  --color-blackberry-500: #a77286;
  --color-blackberry-600: #89586a;
  --color-blackberry-700: #6e4253;
  --color-blackberry-800: #56303f;
  --color-blackberry-900: #481c2f;
  --color-blackberry-950: #29131c;
  --color-ayahuasca-vine: #635000;
  --color-ayahuasca-vine-50: #fff5d5;
  --color-ayahuasca-vine-100: #f8ebc2;
  --color-ayahuasca-vine-200: #e6d7a5;
  --color-ayahuasca-vine-300: #d1bf86;
  --color-ayahuasca-vine-400: #b29f5f;
  --color-ayahuasca-vine-500: #968240;
  --color-ayahuasca-vine-600: #7a6725;
  --color-ayahuasca-vine-700: #635000;
  --color-ayahuasca-vine-800: #4d3e03;
  --color-ayahuasca-vine-900: #3c2f00;
  --color-ayahuasca-vine-950: #261d00;
  --color-orbital: #717ece;
  --color-orbital-50: #f2f4ff;
  --color-orbital-100: #e5eaff;
  --color-orbital-200: #cbd5ff;
  --color-orbital-300: #aebcff;
  --color-orbital-400: #8c9aea;
  --color-orbital-500: #717ece;
  --color-orbital-600: #5863af;
  --color-orbital-700: #444d92;
  --color-orbital-800: #343b77;
  --color-orbital-900: #272c60;
  --color-orbital-950: #171b3f;
  --color-sereni-teal: #6dbba4;
  --color-sereni-teal-50: #e4fff6;
  --color-sereni-teal-100: #cefbec;
  --color-sereni-teal-200: #b5ebd9;
  --color-sereni-teal-300: #98d7c3;
  --color-sereni-teal-400: #6dbba4;
  --color-sereni-teal-500: #509d87;
  --color-sereni-teal-600: #31806c;
  --color-sereni-teal-700: #196754;
  --color-sereni-teal-800: #055141;
  --color-sereni-teal-900: #003e31;
  --color-sereni-teal-950: #00261d;
  --color-glacial-drift: #c1f9ec;
  --color-glacial-drift-50: #dffdf6;
  --color-glacial-drift-100: #c1f9ec;
  --color-glacial-drift-200: #b9e2d8;
  --color-glacial-drift-300: #9eccc2;
  --color-glacial-drift-400: #7aaea2;
  --color-glacial-drift-500: #5d9287;
  --color-glacial-drift-600: #44776c;
  --color-glacial-drift-700: #305f56;
  --color-glacial-drift-800: #214b43;
  --color-glacial-drift-900: #163a33;
  --color-glacial-drift-950: #0a2420;
}