Voldemort to Aquarius color palette
About this palette
Voldemort to Aquarius is a 6-color cool palette: #291860 (Voldemort), #91C6FF (Clear Sky), #F0F2FF (Cloud Break), #005395 (Blue Chip), #00859E (Cruising), #00B0D1 (Aquarius). It mixes purple, blue, white tones and feels cool overall. The strongest text pairing is #291860 on #F0F2FF with a contrast ratio of 13.52:1, and 4 of its 15 color pairs pass WCAG AA for normal text.
Color codes
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.
- Aa13.52:1 #291860 on #F0F2FF
- Aa13.52:1 #F0F2FF on #291860
- Aa8.41:1 #291860 on #91C6FF
- Aa8.41:1 #91C6FF on #291860
- Aa7.06:1 #F0F2FF on #005395
- Aa7.06:1 #005395 on #F0F2FF
- Aa5.83:1 #291860 on #00B0D1
- Aa5.83:1 #00B0D1 on #291860
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Voldemort to Aquarius — https://swatchly.xyz/palette/291860-91c6ff-f0f2ff-005395-00859e-00b0d1 */
:root {
--voldemort: #291860;
--clear-sky: #91c6ff;
--cloud-break: #f0f2ff;
--blue-chip: #005395;
--cruising: #00859e;
--aquarius: #00b0d1;
}
Tailwind CSS v4
/* Voldemort to Aquarius — https://swatchly.xyz/palette/291860-91c6ff-f0f2ff-005395-00859e-00b0d1 */
@theme {
--color-voldemort: #291860;
--color-voldemort-50: #f4f4ff;
--color-voldemort-100: #e9e9ff;
--color-voldemort-200: #d4d2ff;
--color-voldemort-300: #bcb7ff;
--color-voldemort-400: #9b94e4;
--color-voldemort-500: #7e76c6;
--color-voldemort-600: #635aa5;
--color-voldemort-700: #4c4386;
--color-voldemort-800: #383068;
--color-voldemort-900: #291860;
--color-voldemort-950: #171231;
--color-clear-sky: #91c6ff;
--color-clear-sky-50: #eef6ff;
--color-clear-sky-100: #ddedff;
--color-clear-sky-200: #bbdbff;
--color-clear-sky-300: #91c6ff;
--color-clear-sky-400: #74a6db;
--color-clear-sky-500: #578ac0;
--color-clear-sky-600: #3e6fa2;
--color-clear-sky-700: #2a5886;
--color-clear-sky-800: #1c446d;
--color-clear-sky-900: #123456;
--color-clear-sky-950: #072039;
--color-cloud-break: #f0f2ff;
--color-cloud-break-50: #f0f2ff;
--color-cloud-break-100: #e7e9f1;
--color-cloud-break-200: #d4d5df;
--color-cloud-break-300: #bdbfca;
--color-cloud-break-400: #9ea0ac;
--color-cloud-break-500: #838591;
--color-cloud-break-600: #696b76;
--color-cloud-break-700: #53555e;
--color-cloud-break-800: #40424a;
--color-cloud-break-900: #31323a;
--color-cloud-break-950: #1e1f24;
--color-blue-chip: #005395;
--color-blue-chip-50: #eef6ff;
--color-blue-chip-100: #ddedff;
--color-blue-chip-200: #b9daff;
--color-blue-chip-300: #8ec4ff;
--color-blue-chip-400: #62a4ea;
--color-blue-chip-500: #4387cd;
--color-blue-chip-600: #276bae;
--color-blue-chip-700: #005395;
--color-blue-chip-800: #034175;
--color-blue-chip-900: #00315d;
--color-blue-chip-950: #001e3d;
--color-cruising: #00859e;
--color-cruising-50: #e5f9ff;
--color-cruising-100: #d1f5ff;
--color-cruising-200: #a4e8fb;
--color-cruising-300: #85d5eb;
--color-cruising-400: #5ab8d1;
--color-cruising-500: #349fb8;
--color-cruising-600: #00859e;
--color-cruising-700: #006a7e;
--color-cruising-800: #005263;
--color-cruising-900: #003f4c;
--color-cruising-950: #002731;
--color-aquarius: #00b0d1;
--color-aquarius-50: #e2f8ff;
--color-aquarius-100: #c6f2ff;
--color-aquarius-200: #89e5fe;
--color-aquarius-300: #60cfec;
--color-aquarius-400: #00b0d1;
--color-aquarius-500: #0093ae;
--color-aquarius-600: #00768d;
--color-aquarius-700: #005e71;
--color-aquarius-800: #004a59;
--color-aquarius-900: #003945;
--color-aquarius-950: #00242d;
}
Similar palettes
- 18295429527C81C2FB358FA6E4F8FFSpace Cadet to Calm Waters
- F0EBFF9BD7F700B7DF6863A000478B152E5DFoundation White to Marine
- 009BEF96C2FFE5EAFF331F53006185Out of the Blue to Blue Velvet
- 00304200536A007A9B3A9DC18FD3F8DAF1FFNordic Noir to Water
- 214E8BEDFBFF0C2149C6B5FDA39FE0298CB4Olympian Blue to Mediterranean Sea
- E2EFFF95BFFF58789F1B2A4737548CCotton Boll to Glimpse of Void
- 31234E0060A55E6FFF7CC0FEF4F6FFPāua to Cotton Ball
- 00B2E6007779001E2B00514C8AC8FFF3F9FFBlue Bikini to Cotton Ball