Sunset Mk. III

Sunset Mk. III

8-color palette · Neutral · Light · Triadic harmony

Sunset Mk. III

8-color palette · Neutral temperature · Light tone · Triadic harmony

Modify
Pastel 8 colors Neutral Light Triadic night pastel sunset moon
Likes 85
Colors 8


CSS variables

:root {
  --c-pastel-1: #F6C9D2;
  --c-pastel-2: #F5BAD9;
  --c-pastel-3: #F5B0EC;
  --c-pastel-4: #DAAAE4;
  --c-pastel-5: #BFA4DC;
  --c-pastel-6: #A49DD4;
  --c-pastel-7: #848FDB;
  --c-pastel-8: #708BD4;
}

About this palette

This 8-color pastel palette runs from Mountain Laurel (#F6C9D2) as its lightest tone to Organza Violet (#708BD4) as its darkest. It blends Mountain Laurel, Manga Pink, Pinky Swear, Barely Bloomed, Enchanted Lavender, Simply Violet, Mystic Iris and Organza Violet 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.

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


Color breakdown

Mountain Laurel #F6C9D2
RGB
rgb(246, 201, 210)
HSL
hsl(348, 71%, 88%)
Luminance
0.660
Manga Pink #F5BAD9
RGB
rgb(245, 186, 217)
HSL
hsl(328, 75%, 85%)
Luminance
0.595
Pinky Swear #F5B0EC
RGB
rgb(245, 176, 236)
HSL
hsl(308, 78%, 83%)
Luminance
0.565
Barely Bloomed #DAAAE4
RGB
rgb(218, 170, 228)
HSL
hsl(290, 52%, 78%)
Luminance
0.493
Enchanted Lavender #BFA4DC
RGB
rgb(191, 164, 220)
HSL
hsl(269, 44%, 75%)
Luminance
0.428
Simply Violet #A49DD4
RGB
rgb(164, 157, 212)
HSL
hsl(248, 39%, 72%)
Luminance
0.368
Mystic Iris #848FDB
RGB
rgb(132, 143, 219)
HSL
hsl(232, 55%, 69%)
Luminance
0.297
Organza Violet #708BD4
RGB
rgb(112, 139, 212)
HSL
hsl(224, 54%, 64%)
Luminance
0.267

Contrast & accessibility

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

Aa #F6C9D2 on #708BD4 2.24:1 Fail
Aa #F6C9D2 on #848FDB 2.05:1 Fail
Aa #F5BAD9 on #708BD4 2.04:1 Fail
Aa #F5B0EC on #708BD4 1.94:1 Fail
Aa #F5BAD9 on #848FDB 1.86:1 Fail
Aa #F5B0EC on #848FDB 1.77:1 Fail
Aa #DAAAE4 on #708BD4 1.71:1 Fail
Aa #F6C9D2 on #A49DD4 1.70:1 Fail
Aa #DAAAE4 on #848FDB 1.57:1 Fail
Aa #F5BAD9 on #A49DD4 1.55:1 Fail
Aa #BFA4DC on #708BD4 1.51:1 Fail
Aa #F6C9D2 on #BFA4DC 1.49:1 Fail
Aa #F5B0EC on #A49DD4 1.47:1 Fail
Aa #BFA4DC on #848FDB 1.38:1 Fail
Aa #F5BAD9 on #BFA4DC 1.35:1 Fail
Aa #A49DD4 on #708BD4 1.32:1 Fail
Aa #F6C9D2 on #DAAAE4 1.31:1 Fail
Aa #DAAAE4 on #A49DD4 1.30:1 Fail
Aa #F5B0EC on #BFA4DC 1.29:1 Fail
Aa #A49DD4 on #848FDB 1.20:1 Fail
Aa #F5BAD9 on #DAAAE4 1.19:1 Fail
Aa #F6C9D2 on #F5B0EC 1.15:1 Fail
Aa #DAAAE4 on #BFA4DC 1.14:1 Fail
Aa #BFA4DC on #A49DD4 1.14:1 Fail
Aa #F5B0EC on #DAAAE4 1.13:1 Fail
Aa #F6C9D2 on #F5BAD9 1.10:1 Fail
Aa #848FDB on #708BD4 1.09:1 Fail
Aa #F5BAD9 on #F5B0EC 1.05: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