Sign Up Sign Up
Have A Nice Day!

Have A Nice Day!

10-color palette · Neutral · Light · Complementary harmony

Back to Library

Have A Nice Day!

10-color palette · Neutral temperature · Light tone · Complementary harmony

Modify
Pastel 10 colors Neutral Light Complementary
Likes 27
Colors 10

CSS variables

:root {
  --c-pastel-1: #FF8C8C;
  --c-pastel-2: #FFC9BA;
  --c-pastel-3: #FFF7DE;
  --c-pastel-4: #5D437A;
  --c-pastel-5: #8C7D9F;
  --c-pastel-6: #F2F4FF;
  --c-pastel-7: #B2E9FF;
  --c-pastel-8: #99C7FF;
  --c-pastel-9: #CC4F6E;
  --c-pastel-10: #28253E;
}

About this palette

This 10-color pastel palette runs from Sushi Rice (#FFF7DE) as its lightest tone to Telopea (#28253E) as its darkest. It blends Coral Trails, Peach Fuzz, Sushi Rice, In the Vines, Pickled Purple, Cotton Ball, Frozen Landscape, Apocyan, Fruit Dove and Telopea into a single set you can drop straight into a UI. Of its 45 color pairings, 11 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FFF7DE on #28253E at 13.77:1.

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

Color breakdown

Coral Trails #FF8C8C
RGB
rgb(255, 140, 140)
HSL
hsl(0, 100%, 77%)
Luminance
0.419
Peach Fuzz #FFC9BA
RGB
rgb(255, 201, 186)
HSL
hsl(13, 100%, 86%)
Luminance
0.666
Sushi Rice #FFF7DE
RGB
rgb(255, 247, 222)
HSL
hsl(45, 100%, 94%)
Luminance
0.931
In the Vines #5D437A
RGB
rgb(93, 67, 122)
HSL
hsl(268, 29%, 37%)
Luminance
0.078
Pickled Purple #8C7D9F
RGB
rgb(140, 125, 159)
HSL
hsl(266, 15%, 56%)
Luminance
0.228
Cotton Ball #F2F4FF
RGB
rgb(242, 244, 255)
HSL
hsl(231, 100%, 97%)
Luminance
0.908
Frozen Landscape #B2E9FF
RGB
rgb(178, 233, 255)
HSL
hsl(197, 100%, 85%)
Luminance
0.750
Apocyan #99C7FF
RGB
rgb(153, 199, 255)
HSL
hsl(213, 100%, 80%)
Luminance
0.548
Fruit Dove #CC4F6E
RGB
rgb(204, 79, 110)
HSL
hsl(345, 55%, 55%)
Luminance
0.196
Telopea #28253E
RGB
rgb(40, 37, 62)
HSL
hsl(247, 25%, 19%)
Luminance
0.021

Contrast & accessibility

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

Aa #FFF7DE on #28253E 13.77:1 AAA
Aa #F2F4FF on #28253E 13.45:1 AAA
Aa #B2E9FF on #28253E 11.23:1 AAA
Aa #FFC9BA on #28253E 10.05:1 AAA
Aa #99C7FF on #28253E 8.40:1 AAA
Aa #FFF7DE on #5D437A 7.69:1 AAA
Aa #5D437A on #F2F4FF 7.52:1 AAA
Aa #FF8C8C on #28253E 6.59:1 AA
Aa #5D437A on #B2E9FF 6.27:1 AA
Aa #FFC9BA on #5D437A 5.62:1 AA
Aa #5D437A on #99C7FF 4.69:1 AA
Aa #FFF7DE on #CC4F6E 3.99:1 AA Large
Aa #8C7D9F on #28253E 3.90:1 AA Large
Aa #F2F4FF on #CC4F6E 3.90:1 AA Large
Aa #FF8C8C on #5D437A 3.68:1 AA Large
Aa #FFF7DE on #8C7D9F 3.53:1 AA Large
Aa #8C7D9F on #F2F4FF 3.45:1 AA Large
Aa #CC4F6E on #28253E 3.45:1 AA Large
Aa #B2E9FF on #CC4F6E 3.26:1 AA Large
Aa #FFC9BA on #CC4F6E 2.92:1 Fail
Aa #8C7D9F on #B2E9FF 2.88:1 Fail
Aa #FFC9BA on #8C7D9F 2.58:1 Fail
Aa #99C7FF on #CC4F6E 2.44:1 Fail
Aa #5D437A on #8C7D9F 2.18:1 Fail
Aa #8C7D9F on #99C7FF 2.16:1 Fail
Aa #FF8C8C on #FFF7DE 2.09:1 Fail
Aa #FF8C8C on #F2F4FF 2.04:1 Fail
Aa #5D437A on #CC4F6E 1.93:1 Fail
Aa #FF8C8C on #CC4F6E 1.91:1 Fail
Aa #5D437A on #28253E 1.79:1 Fail
Aa #FF8C8C on #B2E9FF 1.70:1 Fail
Aa #FF8C8C on #8C7D9F 1.69:1 Fail
Aa #FFF7DE on #99C7FF 1.64:1 Fail
Aa #F2F4FF on #99C7FF 1.60:1 Fail
Aa #FF8C8C on #FFC9BA 1.53:1 Fail
Aa #FFC9BA on #FFF7DE 1.37:1 Fail
Aa #FFC9BA on #F2F4FF 1.34:1 Fail
Aa #B2E9FF on #99C7FF 1.34:1 Fail
Aa #FF8C8C on #99C7FF 1.28:1 Fail
Aa #FFF7DE on #B2E9FF 1.23:1 Fail
Aa #FFC9BA on #99C7FF 1.20:1 Fail
Aa #F2F4FF on #B2E9FF 1.20:1 Fail
Aa #8C7D9F on #CC4F6E 1.13:1 Fail
Aa #FFC9BA on #B2E9FF 1.12:1 Fail
Aa #FFF7DE on #F2F4FF 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