Sign Up Sign Up
Sunset 8

Sunset 8

8-color palette · Warm · Mixed · Complementary harmony

Back to Library

Sunset 8

8-color palette · Warm temperature · Mixed tone · Complementary harmony

Modify
Vibrant 8 colors Warm Mixed Complementary night warm sunset cool
Likes 93
Colors 8

CSS variables

:root {
  --c-vibrant-1: #FFFF78;
  --c-vibrant-2: #FFD647;
  --c-vibrant-3: #FFC247;
  --c-vibrant-4: #FFA936;
  --c-vibrant-5: #FF8B6F;
  --c-vibrant-6: #E67595;
  --c-vibrant-7: #9A6390;
  --c-vibrant-8: #464678;
}

About this palette

This 8-color vibrant palette runs from Hive (#FFFF78) as its lightest tone to Dramatist (#464678) as its darkest. It blends Hive, Python Yellow, Nârenji Orange, Bee Cluster, Miami Coral, Loveland, Raspberry Jelly Red and Dramatist into a single set you can drop straight into a UI. Of its 28 color pairings, 4 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FFFF78 on #464678 at 8.23:1.

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

Color breakdown

Hive #FFFF78
RGB
rgb(255, 255, 120)
HSL
hsl(60, 100%, 74%)
Luminance
0.941
Python Yellow #FFD647
RGB
rgb(255, 214, 71)
HSL
hsl(47, 100%, 64%)
Luminance
0.698
Nârenji Orange #FFC247
RGB
rgb(255, 194, 71)
HSL
hsl(40, 100%, 64%)
Luminance
0.603
Bee Cluster #FFA936
RGB
rgb(255, 169, 54)
HSL
hsl(34, 100%, 61%)
Luminance
0.499
Miami Coral #FF8B6F
RGB
rgb(255, 139, 111)
HSL
hsl(12, 100%, 72%)
Luminance
0.409
Loveland #E67595
RGB
rgb(230, 117, 149)
HSL
hsl(343, 69%, 68%)
Luminance
0.317
Raspberry Jelly Red #9A6390
RGB
rgb(154, 99, 144)
HSL
hsl(311, 22%, 50%)
Luminance
0.178
Dramatist #464678
RGB
rgb(70, 70, 120)
HSL
hsl(240, 26%, 37%)
Luminance
0.070

Contrast & accessibility

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

Aa #FFFF78 on #464678 8.23:1 AAA
Aa #FFD647 on #464678 6.21:1 AA
Aa #FFC247 on #464678 5.42:1 AA
Aa #FFA936 on #464678 4.56:1 AA
Aa #FFFF78 on #9A6390 4.35:1 AA Large
Aa #FF8B6F on #464678 3.81:1 AA Large
Aa #FFD647 on #9A6390 3.28:1 AA Large
Aa #E67595 on #464678 3.05:1 AA Large
Aa #FFC247 on #9A6390 2.86:1 Fail
Aa #FFFF78 on #E67595 2.70:1 Fail
Aa #FFA936 on #9A6390 2.41:1 Fail
Aa #FFFF78 on #FF8B6F 2.16:1 Fail
Aa #FFD647 on #E67595 2.04:1 Fail
Aa #FF8B6F on #9A6390 2.01:1 Fail
Aa #9A6390 on #464678 1.89:1 Fail
Aa #FFFF78 on #FFA936 1.81:1 Fail
Aa #FFC247 on #E67595 1.78:1 Fail
Aa #FFD647 on #FF8B6F 1.63:1 Fail
Aa #E67595 on #9A6390 1.61:1 Fail
Aa #FFFF78 on #FFC247 1.52:1 Fail
Aa #FFA936 on #E67595 1.50:1 Fail
Aa #FFC247 on #FF8B6F 1.42:1 Fail
Aa #FFD647 on #FFA936 1.36:1 Fail
Aa #FFFF78 on #FFD647 1.33:1 Fail
Aa #FF8B6F on #E67595 1.25:1 Fail
Aa #FFA936 on #FF8B6F 1.20:1 Fail
Aa #FFC247 on #FFA936 1.19:1 Fail
Aa #FFD647 on #FFC247 1.15:1 Fail

Similar palettes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colors
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colors
#FFF8EA #9E7676 #815B5B #594545
4 colors
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colors
#F67280 #C06C84 #6C5B7B #355C7D
4 colors
#2B2E4A #E84545 #903749 #53354A
4 colors
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colors
#A9907E #F3DEBA #ABC4AA #675D50
4 colors