Sign Up Sign Up
Purblu 8

Purblu 8

8-color palette · Cool · Mixed · Analogous harmony

Back to Library

Purblu 8

8-color palette · Cool temperature · Mixed tone · Analogous harmony

Modify
Vibrant 8 colors Cool Mixed Analogous
Likes 8
Colors 8

CSS variables

:root {
  --c-vibrant-1: #FFFFFF;
  --c-vibrant-2: #3B93E5;
  --c-vibrant-3: #1F4CAC;
  --c-vibrant-4: #0C1887;
  --c-vibrant-5: #08091F;
  --c-vibrant-6: #C370F3;
  --c-vibrant-7: #8A38C7;
  --c-vibrant-8: #4F1FA1;
}

About this palette

This 8-color vibrant palette runs from White (#FFFFFF) as its lightest tone to Tristesse (#08091F) as its darkest. It blends White, Oregon Blue, The Blues Brothers, Galactic Cruise, Tristesse, Illicit Purple, Dreamscape Purple and Eine Kleine Nachtmusik into a single set you can drop straight into a UI. Of its 28 color pairings, 8 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FFFFFF on #08091F at 19.64:1.

A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.

Color breakdown

White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminance
1.000
Oregon Blue #3B93E5
RGB
rgb(59, 147, 229)
HSL
hsl(209, 77%, 56%)
Luminance
0.275
The Blues Brothers #1F4CAC
RGB
rgb(31, 76, 172)
HSL
hsl(221, 69%, 40%)
Luminance
0.084
Galactic Cruise #0C1887
RGB
rgb(12, 24, 135)
HSL
hsl(234, 84%, 29%)
Luminance
0.025
Tristesse #08091F
RGB
rgb(8, 9, 31)
HSL
hsl(237, 59%, 8%)
Luminance
0.004
Illicit Purple #C370F3
RGB
rgb(195, 112, 243)
HSL
hsl(278, 85%, 70%)
Luminance
0.297
Dreamscape Purple #8A38C7
RGB
rgb(138, 56, 199)
HSL
hsl(274, 56%, 50%)
Luminance
0.124
Eine Kleine Nachtmusik #4F1FA1
RGB
rgb(79, 31, 161)
HSL
hsl(262, 68%, 38%)
Luminance
0.052

Contrast & accessibility

8 of 28 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.

Aa #FFFFFF on #08091F 19.64:1 AAA
Aa #FFFFFF on #0C1887 14.04:1 AAA
Aa #FFFFFF on #4F1FA1 10.28:1 AAA
Aa #FFFFFF on #1F4CAC 7.81:1 AAA
Aa #08091F on #C370F3 6.48:1 AA
Aa #3B93E5 on #08091F 6.07:1 AA
Aa #FFFFFF on #8A38C7 6.05:1 AA
Aa #0C1887 on #C370F3 4.63:1 AA
Aa #3B93E5 on #0C1887 4.34:1 AA Large
Aa #C370F3 on #4F1FA1 3.39:1 AA Large
Aa #08091F on #8A38C7 3.25:1 AA Large
Aa #FFFFFF on #3B93E5 3.24:1 AA Large
Aa #3B93E5 on #4F1FA1 3.18:1 AA Large
Aa #FFFFFF on #C370F3 3.03:1 AA Large
Aa #1F4CAC on #C370F3 2.58:1 Fail
Aa #1F4CAC on #08091F 2.51:1 Fail
Aa #3B93E5 on #1F4CAC 2.41:1 Fail
Aa #0C1887 on #8A38C7 2.32:1 Fail
Aa #C370F3 on #8A38C7 2.00:1 Fail
Aa #08091F on #4F1FA1 1.91:1 Fail
Aa #3B93E5 on #8A38C7 1.87:1 Fail
Aa #1F4CAC on #0C1887 1.80:1 Fail
Aa #8A38C7 on #4F1FA1 1.70:1 Fail
Aa #0C1887 on #08091F 1.40:1 Fail
Aa #0C1887 on #4F1FA1 1.37:1 Fail
Aa #1F4CAC on #4F1FA1 1.32:1 Fail
Aa #1F4CAC on #8A38C7 1.29:1 Fail
Aa #3B93E5 on #C370F3 1.07:1 Fail

Similar palettes

#222831 #393E46 #00ADB5 #EEEEEE
4 colors
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colors
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colors
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colors
#27374D #526D82 #9DB2BF #DDE6ED
4 colors
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colors
#E4F9F5 #30E3CA #11999E #40514E
4 colors
#F0F5F9 #C9D6DF #52616B #1E2022
4 colors