Sacramental Red to Snow White Color Palette

About this palette

Sacramental Red to Snow White is a 4-color palette: #5A1E15 (Sacramental Red), #4F6090 (Sea of Galilee), #8D9ED1 (Azureno), #EBFFEB (Snow White). It mixes brown, blue, white tones and feels cool overall. The strongest text pairing is #5A1E15 on #EBFFEB with a contrast ratio of 12.28:1, and 3 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Sacramental Red	rgb(90, 30, 21)	hsl(8, 62%, 22%)
Sea of Galilee	rgb(79, 96, 144)	hsl(224, 29%, 44%)
Azureno	rgb(141, 158, 209)	hsl(225, 42%, 69%)
Snow White	rgb(235, 255, 235)	hsl(120, 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.28:1 Super#5A1E15 on #EBFFEB
Aa12.28:1 Super#EBFFEB on #5A1E15
Aa5.88:1 Good#4F6090 on #EBFFEB
Aa5.88:1 Good#EBFFEB on #4F6090
Aa4.87:1 Good#5A1E15 on #8D9ED1
Aa4.87:1 Good#8D9ED1 on #5A1E15

Color blindness preview

CSS variables

/* Sacramental Red to Snow White — https://swatchly.xyz/palette/5a1e15-4f6090-8d9ed1-ebffeb */
:root {
  --sacramental-red: #5a1e15;
  --sea-of-galilee: #4f6090;
  --azureno: #8d9ed1;
  --snow-white: #ebffeb;
}

Tailwind CSS v4

/* Sacramental Red to Snow White — https://swatchly.xyz/palette/5a1e15-4f6090-8d9ed1-ebffeb */
@theme {
  --color-sacramental-red: #5a1e15;
  --color-sacramental-red-50: #fff2ef;
  --color-sacramental-red-100: #ffe4df;
  --color-sacramental-red-200: #ffc9be;
  --color-sacramental-red-300: #efafa3;
  --color-sacramental-red-400: #d28e81;
  --color-sacramental-red-500: #b77265;
  --color-sacramental-red-600: #9a584c;
  --color-sacramental-red-700: #7f4339;
  --color-sacramental-red-800: #67332a;
  --color-sacramental-red-900: #5a1e15;
  --color-sacramental-red-950: #361610;
  --color-sea-of-galilee: #4f6090;
  --color-sea-of-galilee-50: #f1f5ff;
  --color-sea-of-galilee-100: #e0e9ff;
  --color-sea-of-galilee-200: #c3d3fd;
  --color-sea-of-galilee-300: #a9baea;
  --color-sea-of-galilee-400: #8699cc;
  --color-sea-of-galilee-500: #6a7cae;
  --color-sea-of-galilee-600: #4f6090;
  --color-sea-of-galilee-700: #3d4c75;
  --color-sea-of-galilee-800: #2e3b5e;
  --color-sea-of-galilee-900: #232d4b;
  --color-sea-of-galilee-950: #141b31;
  --color-azureno: #8d9ed1;
  --color-azureno-50: #f0f4ff;
  --color-azureno-100: #e2eaff;
  --color-azureno-200: #c7d5fe;
  --color-azureno-300: #afbeec;
  --color-azureno-400: #8d9ed1;
  --color-azureno-500: #7383b4;
  --color-azureno-600: #5a6997;
  --color-azureno-700: #45527c;
  --color-azureno-800: #344065;
  --color-azureno-900: #273150;
  --color-azureno-950: #171e34;
  --color-snow-white: #ebffeb;
  --color-snow-white-50: #ebffeb;
  --color-snow-white-100: #e6f2e6;
  --color-snow-white-200: #d0ded0;
  --color-snow-white-300: #b8c8b8;
  --color-snow-white-400: #96a897;
  --color-snow-white-500: #7a8c7b;
  --color-snow-white-600: #607160;
  --color-snow-white-700: #4b5a4b;
  --color-snow-white-800: #394739;
  --color-snow-white-900: #2b362b;
  --color-snow-white-950: #1a221a;
}