Sign Up Sign Up
Octoyuu Pretendified 2022

Octoyuu Pretendified 2022

8-color palette · Warm · Mixed · Complementary harmony

Back to Library

Octoyuu Pretendified 2022

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

Modify
Earthy 8 colors Warm Mixed Complementary purple 8colors 3bit moody
Likes 76
Colors 8

CSS variables

:root {
  --c-earthy-1: #7F95B1;
  --c-earthy-2: #6D5089;
  --c-earthy-3: #492045;
  --c-earthy-4: #713547;
  --c-earthy-5: #B14B54;
  --c-earthy-6: #F08477;
  --c-earthy-7: #F9A9AB;
  --c-earthy-8: #F9DDAB;
}

About this palette

This 8-color earthy palette runs from Custard Powder (#F9DDAB) as its lightest tone to Opulent Mauve (#492045) as its darkest. It blends Accolade, Magenta Violet, Opulent Mauve, Cabernet Craving, Carmine Carnation, Coralette, Apricot Haze and Custard Powder into a single set you can drop straight into a UI. Of its 28 color pairings, 6 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #492045 on #F9DDAB at 10.13:1.

Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.

Color breakdown

Accolade #7F95B1
RGB
rgb(127, 149, 177)
HSL
hsl(214, 24%, 60%)
Luminance
0.292
Magenta Violet #6D5089
RGB
rgb(109, 80, 137)
HSL
hsl(271, 26%, 43%)
Luminance
0.108
Opulent Mauve #492045
RGB
rgb(73, 32, 69)
HSL
hsl(306, 39%, 21%)
Luminance
0.029
Cabernet Craving #713547
RGB
rgb(113, 53, 71)
HSL
hsl(342, 36%, 33%)
Luminance
0.065
Carmine Carnation #B14B54
RGB
rgb(177, 75, 84)
HSL
hsl(355, 40%, 49%)
Luminance
0.150
Coralette #F08477
RGB
rgb(240, 132, 119)
HSL
hsl(6, 80%, 70%)
Luminance
0.364
Apricot Haze #F9A9AB
RGB
rgb(249, 169, 171)
HSL
hsl(359, 87%, 82%)
Luminance
0.515
Custard Powder #F9DDAB
RGB
rgb(249, 221, 171)
HSL
hsl(38, 87%, 82%)
Luminance
0.748

Contrast & accessibility

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

Aa #492045 on #F9DDAB 10.13:1 AAA
Aa #492045 on #F9A9AB 7.17:1 AAA
Aa #713547 on #F9DDAB 6.93:1 AA
Aa #492045 on #F08477 5.25:1 AA
Aa #6D5089 on #F9DDAB 5.05:1 AA
Aa #713547 on #F9A9AB 4.90:1 AA
Aa #7F95B1 on #492045 4.34:1 AA Large
Aa #B14B54 on #F9DDAB 3.99:1 AA Large
Aa #713547 on #F08477 3.59:1 AA Large
Aa #6D5089 on #F9A9AB 3.57:1 AA Large
Aa #7F95B1 on #713547 2.97:1 Fail
Aa #B14B54 on #F9A9AB 2.82:1 Fail
Aa #6D5089 on #F08477 2.62:1 Fail
Aa #492045 on #B14B54 2.54:1 Fail
Aa #7F95B1 on #F9DDAB 2.33:1 Fail
Aa #7F95B1 on #6D5089 2.16:1 Fail
Aa #B14B54 on #F08477 2.07:1 Fail
Aa #6D5089 on #492045 2.00:1 Fail
Aa #F08477 on #F9DDAB 1.93:1 Fail
Aa #713547 on #B14B54 1.74:1 Fail
Aa #7F95B1 on #B14B54 1.71:1 Fail
Aa #7F95B1 on #F9A9AB 1.65:1 Fail
Aa #492045 on #713547 1.46:1 Fail
Aa #F9A9AB on #F9DDAB 1.41:1 Fail
Aa #6D5089 on #713547 1.37:1 Fail
Aa #F08477 on #F9A9AB 1.36:1 Fail
Aa #6D5089 on #B14B54 1.27:1 Fail
Aa #7F95B1 on #F08477 1.21: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