Sign Up Sign Up
PaletaOscuraDeGoya

PaletaOscuraDeGoya

12-color palette · Warm · Mixed · Complementary harmony

Back to Library

PaletaOscuraDeGoya

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

Modify
Muted 12 colors Warm Mixed Complementary septemberstudypalettecontest
Likes 45
Colors 12

CSS variables

:root {
  --c-muted-1: #DFE0C5;
  --c-muted-2: #080807;
  --c-muted-3: #262722;
  --c-muted-4: #CDC2AA;
  --c-muted-5: #B8C9CD;
  --c-muted-6: #CDC09C;
  --c-muted-7: #9E9479;
  --c-muted-8: #70614B;
  --c-muted-9: #C1A066;
  --c-muted-10: #93815D;
  --c-muted-11: #E0CAA6;
  --c-muted-12: #932E1F;
}

About this palette

This 12-color muted palette runs from Marble Grape (#DFE0C5) as its lightest tone to Accursed Black (#080807) as its darkest. It blends Marble Grape, Accursed Black, Nero, Threaded Loom, Adorbs, Tumbling Tumbleweed, Lye, Soya Bean, Desert Moss, Gingko Tree, Hearth and Saffronaut into a single set you can drop straight into a UI. Of its 66 color pairings, 18 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #DFE0C5 on #080807 at 14.89:1.

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

Color breakdown

Marble Grape #DFE0C5
RGB
rgb(223, 224, 197)
HSL
hsl(62, 30%, 83%)
Luminance
0.730
Accursed Black #080807
RGB
rgb(8, 8, 7)
HSL
hsl(60, 7%, 3%)
Luminance
0.002
Nero #262722
RGB
rgb(38, 39, 34)
HSL
hsl(72, 7%, 14%)
Luminance
0.020
Threaded Loom #CDC2AA
RGB
rgb(205, 194, 170)
HSL
hsl(41, 26%, 74%)
Luminance
0.545
Adorbs #B8C9CD
RGB
rgb(184, 201, 205)
HSL
hsl(191, 17%, 76%)
Luminance
0.564
Tumbling Tumbleweed #CDC09C
RGB
rgb(205, 192, 156)
HSL
hsl(44, 33%, 71%)
Luminance
0.531
Lye #9E9479
RGB
rgb(158, 148, 121)
HSL
hsl(44, 16%, 55%)
Luminance
0.298
Soya Bean #70614B
RGB
rgb(112, 97, 75)
HSL
hsl(36, 20%, 37%)
Luminance
0.125
Desert Moss #C1A066
RGB
rgb(193, 160, 102)
HSL
hsl(38, 42%, 58%)
Luminance
0.374
Gingko Tree #93815D
RGB
rgb(147, 129, 93)
HSL
hsl(40, 23%, 47%)
Luminance
0.227
Hearth #E0CAA6
RGB
rgb(224, 202, 166)
HSL
hsl(37, 48%, 76%)
Luminance
0.608
Saffronaut #932E1F
RGB
rgb(147, 46, 31)
HSL
hsl(8, 65%, 35%)
Luminance
0.083

Contrast & accessibility

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

Aa #DFE0C5 on #080807 14.89:1 AAA
Aa #080807 on #E0CAA6 12.56:1 AAA
Aa #080807 on #B8C9CD 11.71:1 AAA
Aa #080807 on #CDC2AA 11.35:1 AAA
Aa #DFE0C5 on #262722 11.18:1 AAA
Aa #080807 on #CDC09C 11.08:1 AAA
Aa #262722 on #E0CAA6 9.43:1 AAA
Aa #262722 on #B8C9CD 8.79:1 AAA
Aa #262722 on #CDC2AA 8.52:1 AAA
Aa #262722 on #CDC09C 8.32:1 AAA
Aa #080807 on #C1A066 8.10:1 AAA
Aa #080807 on #9E9479 6.65:1 AA
Aa #262722 on #C1A066 6.08:1 AA
Aa #DFE0C5 on #932E1F 5.89:1 AA
Aa #080807 on #93815D 5.28:1 AA
Aa #262722 on #9E9479 4.99:1 AA
Aa #E0CAA6 on #932E1F 4.97:1 AA
Aa #B8C9CD on #932E1F 4.63:1 AA
Aa #CDC2AA on #932E1F 4.49:1 AA Large
Aa #DFE0C5 on #70614B 4.46:1 AA Large
Aa #CDC09C on #932E1F 4.38:1 AA Large
Aa #262722 on #93815D 3.97:1 AA Large
Aa #70614B on #E0CAA6 3.76:1 AA Large
Aa #B8C9CD on #70614B 3.51:1 AA Large
Aa #CDC2AA on #70614B 3.40:1 AA Large
Aa #080807 on #70614B 3.34:1 AA Large
Aa #CDC09C on #70614B 3.32:1 AA Large
Aa #C1A066 on #932E1F 3.20:1 AA Large
Aa #DFE0C5 on #93815D 2.82:1 Fail
Aa #9E9479 on #932E1F 2.63:1 Fail
Aa #080807 on #932E1F 2.53:1 Fail
Aa #262722 on #70614B 2.51:1 Fail
Aa #70614B on #C1A066 2.42:1 Fail
Aa #93815D on #E0CAA6 2.38:1 Fail
Aa #DFE0C5 on #9E9479 2.24:1 Fail
Aa #B8C9CD on #93815D 2.22:1 Fail
Aa #CDC2AA on #93815D 2.15:1 Fail
Aa #CDC09C on #93815D 2.10:1 Fail
Aa #93815D on #932E1F 2.09:1 Fail
Aa #9E9479 on #70614B 1.99:1 Fail
Aa #262722 on #932E1F 1.90:1 Fail
Aa #9E9479 on #E0CAA6 1.89:1 Fail
Aa #DFE0C5 on #C1A066 1.84:1 Fail
Aa #B8C9CD on #9E9479 1.76:1 Fail
Aa #CDC2AA on #9E9479 1.71:1 Fail
Aa #CDC09C on #9E9479 1.67:1 Fail
Aa #70614B on #93815D 1.58:1 Fail
Aa #C1A066 on #E0CAA6 1.55:1 Fail
Aa #C1A066 on #93815D 1.53:1 Fail
Aa #B8C9CD on #C1A066 1.45:1 Fail
Aa #CDC2AA on #C1A066 1.40:1 Fail
Aa #CDC09C on #C1A066 1.37:1 Fail
Aa #DFE0C5 on #CDC09C 1.34:1 Fail
Aa #080807 on #262722 1.33:1 Fail
Aa #70614B on #932E1F 1.32:1 Fail
Aa #DFE0C5 on #CDC2AA 1.31:1 Fail
Aa #DFE0C5 on #B8C9CD 1.27:1 Fail
Aa #9E9479 on #93815D 1.26:1 Fail
Aa #9E9479 on #C1A066 1.22:1 Fail
Aa #DFE0C5 on #E0CAA6 1.19:1 Fail
Aa #CDC09C on #E0CAA6 1.13:1 Fail
Aa #CDC2AA on #E0CAA6 1.11:1 Fail
Aa #B8C9CD on #E0CAA6 1.07:1 Fail
Aa #B8C9CD on #CDC09C 1.06:1 Fail
Aa #CDC2AA on #B8C9CD 1.03:1 Fail
Aa #CDC2AA on #CDC09C 1.02: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