Sign Up Sign Up
Purple Sunset

Purple Sunset

11-color palette · Neutral · Light · Monochromatic harmony

Back to Library

Purple Sunset

11-color palette · Neutral temperature · Light tone · Monochromatic harmony

Modify
Pastel 11 colors Neutral Light Monochromatic purple sunset yellow purplesunset
Likes 12
Colors 11

CSS variables

:root {
  --c-pastel-1: #E6ED66;
  --c-pastel-2: #E3E97D;
  --c-pastel-3: #E0E594;
  --c-pastel-4: #DEE1AB;
  --c-pastel-5: #DBDDC2;
  --c-pastel-6: #D9D9D9;
  --c-pastel-7: #B7B0B7;
  --c-pastel-8: #958895;
  --c-pastel-9: #735F73;
  --c-pastel-10: #513751;
  --c-pastel-11: #300F30;
}

About this palette

This 11-color pastel palette runs from Honeysuckle (#E6ED66) as its lightest tone to Synallactida (#300F30) as its darkest. It blends Honeysuckle, Sunny Lime, Pale Lime Yellow, Cocktail Onion, Planet Earth, Orochimaru, Swanky Grey, Smokey Lilac, Banished Brown, Chive Bloom and Synallactida into a single set you can drop straight into a UI. Of its 55 color pairings, 16 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #E6ED66 on #300F30 at 13.48:1.

Gentle, low-saturation tones — ideal for wedding sites, baby brands, soft hero sections, and editorial layouts that lead with whitespace.

Color breakdown

Honeysuckle #E6ED66
RGB
rgb(230, 237, 102)
HSL
hsl(63, 79%, 66%)
Luminance
0.784
Sunny Lime #E3E97D
RGB
rgb(227, 233, 125)
HSL
hsl(63, 71%, 70%)
Luminance
0.761
Pale Lime Yellow #E0E594
RGB
rgb(224, 229, 148)
HSL
hsl(64, 61%, 74%)
Luminance
0.740
Cocktail Onion #DEE1AB
RGB
rgb(222, 225, 171)
HSL
hsl(63, 47%, 78%)
Luminance
0.723
Planet Earth #DBDDC2
RGB
rgb(219, 221, 194)
HSL
hsl(64, 28%, 81%)
Luminance
0.707
Orochimaru #D9D9D9
RGB
rgb(217, 217, 217)
HSL
hsl(0, 0%, 85%)
Luminance
0.694
Swanky Grey #B7B0B7
RGB
rgb(183, 176, 183)
HSL
hsl(300, 5%, 70%)
Luminance
0.445
Smokey Lilac #958895
RGB
rgb(149, 136, 149)
HSL
hsl(300, 6%, 56%)
Luminance
0.262
Banished Brown #735F73
RGB
rgb(115, 95, 115)
HSL
hsl(300, 10%, 41%)
Luminance
0.131
Chive Bloom #513751
RGB
rgb(81, 55, 81)
HSL
hsl(300, 19%, 27%)
Luminance
0.051
Synallactida #300F30
RGB
rgb(48, 15, 48)
HSL
hsl(300, 52%, 12%)
Luminance
0.012

Contrast & accessibility

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

Aa #E6ED66 on #300F30 13.48:1 AAA
Aa #E3E97D on #300F30 13.11:1 AAA
Aa #E0E594 on #300F30 12.78:1 AAA
Aa #DEE1AB on #300F30 12.50:1 AAA
Aa #DBDDC2 on #300F30 12.24:1 AAA
Aa #D9D9D9 on #300F30 12.03:1 AAA
Aa #E6ED66 on #513751 8.27:1 AAA
Aa #E3E97D on #513751 8.05:1 AAA
Aa #B7B0B7 on #300F30 8.01:1 AAA
Aa #E0E594 on #513751 7.84:1 AAA
Aa #DEE1AB on #513751 7.67:1 AAA
Aa #DBDDC2 on #513751 7.51:1 AAA
Aa #D9D9D9 on #513751 7.38:1 AAA
Aa #958895 on #300F30 5.04:1 AA
Aa #B7B0B7 on #513751 4.92:1 AA
Aa #E6ED66 on #735F73 4.61:1 AA
Aa #E3E97D on #735F73 4.49:1 AA Large
Aa #E0E594 on #735F73 4.37:1 AA Large
Aa #DEE1AB on #735F73 4.28:1 AA Large
Aa #DBDDC2 on #735F73 4.19:1 AA Large
Aa #D9D9D9 on #735F73 4.12:1 AA Large
Aa #958895 on #513751 3.09:1 AA Large
Aa #735F73 on #300F30 2.92:1 Fail
Aa #B7B0B7 on #735F73 2.74:1 Fail
Aa #E6ED66 on #958895 2.67:1 Fail
Aa #E3E97D on #958895 2.60:1 Fail
Aa #E0E594 on #958895 2.54:1 Fail
Aa #DEE1AB on #958895 2.48:1 Fail
Aa #DBDDC2 on #958895 2.43:1 Fail
Aa #D9D9D9 on #958895 2.39:1 Fail
Aa #735F73 on #513751 1.79:1 Fail
Aa #958895 on #735F73 1.73:1 Fail
Aa #E6ED66 on #B7B0B7 1.68:1 Fail
Aa #E3E97D on #B7B0B7 1.64:1 Fail
Aa #513751 on #300F30 1.63:1 Fail
Aa #E0E594 on #B7B0B7 1.60:1 Fail
Aa #B7B0B7 on #958895 1.59:1 Fail
Aa #DEE1AB on #B7B0B7 1.56:1 Fail
Aa #DBDDC2 on #B7B0B7 1.53:1 Fail
Aa #D9D9D9 on #B7B0B7 1.50:1 Fail
Aa #E6ED66 on #D9D9D9 1.12:1 Fail
Aa #E6ED66 on #DBDDC2 1.10:1 Fail
Aa #E3E97D on #D9D9D9 1.09:1 Fail
Aa #E6ED66 on #DEE1AB 1.08:1 Fail
Aa #E3E97D on #DBDDC2 1.07:1 Fail
Aa #E0E594 on #D9D9D9 1.06:1 Fail
Aa #E6ED66 on #E0E594 1.05:1 Fail
Aa #E3E97D on #DEE1AB 1.05:1 Fail
Aa #E0E594 on #DBDDC2 1.04:1 Fail
Aa #DEE1AB on #D9D9D9 1.04:1 Fail
Aa #E6ED66 on #E3E97D 1.03:1 Fail
Aa #E3E97D on #E0E594 1.03:1 Fail
Aa #E0E594 on #DEE1AB 1.02:1 Fail
Aa #DEE1AB on #DBDDC2 1.02:1 Fail
Aa #DBDDC2 on #D9D9D9 1.02:1 Fail

Similar palettes

#FFB6B9 #FAE3D9 #BBDED6 #61C0BF
4 colors
#FCD1D1 #ECE2E1 #D3E0DC #AEE1E1
4 colors
#FFE6E6 #F2D1D1 #DAEAF1 #C6DCE4
4 colors
#F5EFE6 #E8DFCA #AEBDCA #7895B2
4 colors
#96B6C5 #ADC4CE #EEE0C9 #F1F0E8
4 colors
#FEFFDE #DDFFBC #91C788 #52734D
4 colors
#A0C49D #C4D7B2 #E1ECC8 #F7FFE5
4 colors
#618264 #79AC78 #B0D9B1 #D0E7D2
4 colors