Sign Up Sign Up
Old Town Gold

Old Town Gold

8-color palette · Warm · Mixed · Complementary harmony

Back to Library

Old Town Gold

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

Modify
Earthy 8 colors Warm Mixed Complementary golden sunset old gold
Likes 19
Colors 8

CSS variables

:root {
  --c-earthy-1: #0D041B;
  --c-earthy-2: #301213;
  --c-earthy-3: #4B251D;
  --c-earthy-4: #7A3126;
  --c-earthy-5: #91633A;
  --c-earthy-6: #BF9455;
  --c-earthy-7: #E2C465;
  --c-earthy-8: #D7D8EE;
}

About this palette

This 8-color earthy palette runs from Blissful Meditation (#D7D8EE) as its lightest tone to Midnight Jam (#0D041B) as its darkest. It blends Midnight Jam, Dark Danger, Torrefacto Roast, Mocha Glow, Oregon Hazel, Amber Gold, Tasman Honey Yellow and Blissful Meditation into a single set you can drop straight into a UI. Of its 28 color pairings, 11 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #0D041B on #D7D8EE at 14.23:1.

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

Color breakdown

Midnight Jam #0D041B
RGB
rgb(13, 4, 27)
HSL
hsl(263, 74%, 6%)
Luminance
0.003
Dark Danger #301213
RGB
rgb(48, 18, 19)
HSL
hsl(358, 45%, 13%)
Luminance
0.011
Torrefacto Roast #4B251D
RGB
rgb(75, 37, 29)
HSL
hsl(10, 44%, 20%)
Luminance
0.029
Mocha Glow #7A3126
RGB
rgb(122, 49, 38)
HSL
hsl(8, 53%, 31%)
Luminance
0.065
Oregon Hazel #91633A
RGB
rgb(145, 99, 58)
HSL
hsl(28, 43%, 40%)
Luminance
0.153
Amber Gold #BF9455
RGB
rgb(191, 148, 85)
HSL
hsl(36, 45%, 54%)
Luminance
0.329
Tasman Honey Yellow #E2C465
RGB
rgb(226, 196, 101)
HSL
hsl(46, 68%, 64%)
Luminance
0.566
Blissful Meditation #D7D8EE
RGB
rgb(215, 216, 238)
HSL
hsl(237, 40%, 89%)
Luminance
0.697

Contrast & accessibility

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

Aa #0D041B on #D7D8EE 14.23:1 AAA
Aa #301213 on #D7D8EE 12.24:1 AAA
Aa #0D041B on #E2C465 11.73:1 AAA
Aa #301213 on #E2C465 10.08:1 AAA
Aa #4B251D on #D7D8EE 9.45:1 AAA
Aa #4B251D on #E2C465 7.79:1 AAA
Aa #0D041B on #BF9455 7.22:1 AAA
Aa #7A3126 on #D7D8EE 6.51:1 AA
Aa #301213 on #BF9455 6.21:1 AA
Aa #7A3126 on #E2C465 5.37:1 AA
Aa #4B251D on #BF9455 4.79:1 AA
Aa #0D041B on #91633A 3.86:1 AA Large
Aa #91633A on #D7D8EE 3.69:1 AA Large
Aa #301213 on #91633A 3.32:1 AA Large
Aa #7A3126 on #BF9455 3.30:1 AA Large
Aa #91633A on #E2C465 3.04:1 AA Large
Aa #4B251D on #91633A 2.56:1 Fail
Aa #0D041B on #7A3126 2.18:1 Fail
Aa #BF9455 on #D7D8EE 1.97:1 Fail
Aa #301213 on #7A3126 1.88:1 Fail
Aa #91633A on #BF9455 1.87:1 Fail
Aa #7A3126 on #91633A 1.76:1 Fail
Aa #BF9455 on #E2C465 1.62:1 Fail
Aa #0D041B on #4B251D 1.51:1 Fail
Aa #4B251D on #7A3126 1.45:1 Fail
Aa #301213 on #4B251D 1.29:1 Fail
Aa #E2C465 on #D7D8EE 1.21:1 Fail
Aa #0D041B on #301213 1.16: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