Home Color Palettes 4-Color Purple Yearning Palette

4-Color Purple Yearning Palette

4-color palette · Warm · Dark · Analogous harmony

Back to Library

4-Color Purple Yearning Palette

4-color palette · Warm temperature · Dark tone · Analogous harmony

Modify

Vibrant 4 colors Warm Dark Analogous

Likes 5,235

Colors 4

CSS variables

:root {
  --c-vibrant-1: #E01171;
  --c-vibrant-2: #AB0E86;
  --c-vibrant-3: #59057B;
  --c-vibrant-4: #0F0766;
}

About this palette

This 4-color vibrant palette runs from Purple Yearning (#E01171) as its lightest tone to Underground Stream (#0F0766) as its darkest. It blends Purple Yearning, Blissful Berry, Zeus Purple and Underground Stream into a single set you can drop straight into a UI. None of the 6 in-palette color pairings clear the WCAG AA contrast threshold (4.5:1), so pair these colors with black or white for body text.

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

Color breakdown

Purple Yearning #E01171

RGB: rgb(224, 17, 113)
HSL: hsl(332, 86%, 47%)
Luminance: 0.174

Blissful Berry #AB0E86

RGB: rgb(171, 14, 134)
HSL: hsl(314, 85%, 36%)
Luminance: 0.107

Zeus Purple #59057B

RGB: rgb(89, 5, 123)
HSL: hsl(283, 92%, 25%)
Luminance: 0.037

Underground Stream #0F0766

RGB: rgb(15, 7, 102)
HSL: hsl(245, 87%, 21%)
Luminance: 0.012

Contrast & accessibility

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

Aa #E01171 on #0F0766 3.61:1 AA Large

Aa #E01171 on #59057B 2.59:1 Fail

Aa #AB0E86 on #0F0766 2.53:1 Fail

Aa #AB0E86 on #59057B 1.81:1 Fail

Aa #E01171 on #AB0E86 1.43:1 Fail

Aa #59057B on #0F0766 1.39:1 Fail

Similar palettes

#000000 #3D0000 #950101 #FF0000

4 colors

#E23E57 #88304E #522546 #311D3F

4 colors

#FF204E #A0153E #5D0E41 #00224D

4 colors

#030637 #3C0753 #720455 #910A67

4 colors

#1C0A00 #361500 #603601 #CC9544

4 colors

#252525 #FF0000 #AF0404 #414141

4 colors

#362222 #171010 #423F3E #2B2B2B

4 colors

#1A1A1D #3B1C32 #6A1E55 #A64D79

4 colors