Sign Up Sign Up
Bisexual Sunset

Bisexual Sunset

8-color palette · Warm · Dark · Analogous harmony

Back to Library

Bisexual Sunset

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

Modify
Muted 8 colors Warm Dark Analogous red blue purple pride
Likes 64
Colors 8

CSS variables

:root {
  --c-muted-1: #000080;
  --c-muted-2: #200080;
  --c-muted-3: #400080;
  --c-muted-4: #600080;
  --c-muted-5: #800080;
  --c-muted-6: #A00080;
  --c-muted-7: #C00080;
  --c-muted-8: #E00080;
}

About this palette

This 8-color muted palette runs from Mexican Pink (#E00080) as its lightest tone to Navy Blue (#000080) as its darkest. It blends Navy Blue, Orbital Kingdom, Marionberry, Peaceful Purple, Purple, Vanishing Night, Purple Anxiety and Mexican Pink into a single set you can drop straight into a UI. None of the 28 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

Navy Blue #000080
RGB
rgb(0, 0, 128)
HSL
hsl(240, 100%, 25%)
Luminance
0.016
Orbital Kingdom #200080
RGB
rgb(32, 0, 128)
HSL
hsl(255, 100%, 25%)
Luminance
0.019
Marionberry #400080
RGB
rgb(64, 0, 128)
HSL
hsl(270, 100%, 25%)
Luminance
0.027
Peaceful Purple #600080
RGB
rgb(96, 0, 128)
HSL
hsl(285, 100%, 25%)
Luminance
0.041
Purple #800080
RGB
rgb(128, 0, 128)
HSL
hsl(300, 100%, 25%)
Luminance
0.062
Vanishing Night #A00080
RGB
rgb(160, 0, 128)
HSL
hsl(312, 100%, 31%)
Luminance
0.090
Purple Anxiety #C00080
RGB
rgb(192, 0, 128)
HSL
hsl(320, 100%, 38%)
Luminance
0.128
Mexican Pink #E00080
RGB
rgb(224, 0, 128)
HSL
hsl(326, 100%, 44%)
Luminance
0.174

Contrast & accessibility

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

Aa #000080 on #E00080 3.42:1 AA Large
Aa #200080 on #E00080 3.26:1 AA Large
Aa #400080 on #E00080 2.93:1 Fail
Aa #000080 on #C00080 2.71:1 Fail
Aa #200080 on #C00080 2.59:1 Fail
Aa #600080 on #E00080 2.48:1 Fail
Aa #400080 on #C00080 2.32:1 Fail
Aa #000080 on #A00080 2.14:1 Fail
Aa #200080 on #A00080 2.04:1 Fail
Aa #800080 on #E00080 2.01:1 Fail
Aa #600080 on #C00080 1.96:1 Fail
Aa #400080 on #A00080 1.83:1 Fail
Aa #000080 on #800080 1.70:1 Fail
Aa #200080 on #800080 1.62:1 Fail
Aa #A00080 on #E00080 1.60:1 Fail
Aa #800080 on #C00080 1.59:1 Fail
Aa #600080 on #A00080 1.55:1 Fail
Aa #400080 on #800080 1.46:1 Fail
Aa #000080 on #600080 1.38:1 Fail
Aa #200080 on #600080 1.32:1 Fail
Aa #A00080 on #C00080 1.27:1 Fail
Aa #800080 on #A00080 1.26:1 Fail
Aa #C00080 on #E00080 1.26:1 Fail
Aa #600080 on #800080 1.23:1 Fail
Aa #400080 on #600080 1.18:1 Fail
Aa #000080 on #400080 1.17:1 Fail
Aa #200080 on #400080 1.11:1 Fail
Aa #000080 on #200080 1.05: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