Vintage Tweed Heritage

Traditional Savile Row tailoring palette with rich Scottish herringbone tweed, houndstooth, and horn buttons.

#Fashion#Vintage#Earthy#Warm#Clean
Open in Generator
COLOR 1
#2B1E16
Espresso Brown
COLOR 2
#5C4033
Bark
COLOR 3
#8C6D58
Raw Umber
COLOR 4
#B59E8C
Mushroom
COLOR 5
#EAE2D8
Pearl

Color Values & Codes

HEX · RGB · HSL
rgb(43, 30, 22)hsl(23, 32%, 13%)Color details →
Bark
#5C4033
rgb(92, 64, 51)hsl(19, 29%, 28%)Color details →
Raw Umber
#8C6D58
rgb(140, 109, 88)hsl(24, 23%, 45%)Color details →
Mushroom
#B59E8C
rgb(181, 158, 140)hsl(26, 22%, 63%)Color details →
Pearl
#EAE2D8
rgb(234, 226, 216)hsl(33, 30%, 88%)Color details →

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #2B1E16;
  --color-2: #5C4033;
  --color-3: #8C6D58;
  --color-4: #B59E8C;
  --color-5: #EAE2D8;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text
#2B1E16 on #B59E8C6.33:1
Normal Text AA Pass
Sample Text
#2B1E16 on #EAE2D812.59:1
Normal Text AA Pass
Sample Text
#5C4033 on #B59E8C3.68:1
Large Text Only (Pass)
Sample Text
#5C4033 on #EAE2D87.32:1
Normal Text AA Pass
Sample Text
#8C6D58 on #B59E8C1.85:1
Large Text Only (Fail)
Sample Text
#8C6D58 on #EAE2D83.68:1
Large Text Only (Pass)