#908D6F + #A17C41 + #C62201 + #3E101A + #535118 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#908D6F

Autumn Sage · Gray · Honey Gold

HEX

#908D6F

RGB

rgb(144, 141, 111)

HSL

hsl(55, 13%, 50%)

HSB

hsb(55, 23%, 56%)

CMYK

cmyk(0%, 2%, 23%, 44%)

Oklch

oklch(63.8% 0.043 102.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#A17C41

Ochre · Sienna · Amber Brown

HEX

#A17C41

RGB

rgb(161, 124, 65)

HSL

hsl(37, 42%, 44%)

HSB

hsb(37, 60%, 63%)

CMYK

cmyk(0%, 23%, 60%, 37%)

Oklch

oklch(61.0% 0.089 77.4)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#C62201

Vermilion · FireBrick · Wine Red

HEX

#C62201

RGB

rgb(198, 34, 1)

HSL

hsl(10, 99%, 39%)

HSB

hsb(10, 99%, 78%)

CMYK

cmyk(0%, 83%, 99%, 22%)

Oklch

oklch(53.2% 0.201 32.0)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#3E101A

Crimson · Black · Deep Berry

HEX

#3E101A

RGB

rgb(62, 16, 26)

HSL

hsl(347, 59%, 15%)

HSB

hsb(347, 74%, 24%)

CMYK

cmyk(0%, 74%, 58%, 76%)

Oklch

oklch(25.4% 0.072 10.8)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#535118

Autumn Sage · DarkOliveGreen · Amber Gold

HEX

#535118

RGB

rgb(83, 81, 24)

HSL

hsl(58, 55%, 21%)

HSB

hsb(58, 71%, 33%)

CMYK

cmyk(0%, 2%, 71%, 67%)

Oklch

oklch(42.5% 0.077 107.3)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

908D6F

6F7290

Analogous

907D6F

908D6F

82906F

Triadic

908D6F

6F908D

8D6F90

Split-Comp.

908D6F

6F8290

7D6F90

Tetradic

908D6F

6F907D

6F7290

906F82

Contrast Matrix WCAG 2.1 Contrast

908D6F	A17C41	C62201	3E101A	535118
—	1.1 Fail	1.7 Fail	4.8 AA	2.4 Fail
1.1 Fail	—	1.5 Fail	4.2 AA Large	2.1 Fail
1.7 Fail	1.5 Fail	—	2.8 Fail	1.4 Fail
4.8 AA	4.2 AA Large	2.8 Fail	—	2.0 Fail
2.4 Fail	2.1 Fail	1.4 Fail	2.0 Fail	—

White BG

3.4AA Large

3.8AA Large

5.8AA

16.2AAA

8.2AAA

Black BG

6.2AA

5.5AA

3.6AA Large

1.3Fail

2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8F76

91914F

7F7E09

2A2A18

525226

Deuteranopia

8F8F78

939653

89950B

2D3017

525229

Tritanopia

907C7D

9F5B5D

BE0F11

3C1615

533133

Achromatopsia

8A8A8A

808080

4F4F4F

1F1F1F

4B4B4B

Shades & Tints Shades & Tints

#908D6F

Dark

Light

#A17C41

Dark

Light

#C62201

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #908d6f;
  --color-2: #a17c41;
  --color-3: #c62201;
  --color-4: #3e101a;
  --color-5: #535118;
}

SCSS

$color-1: #908d6f;
$color-2: #a17c41;
$color-3: #c62201;
$color-4: #3e101a;
$color-5: #535118;

TAILWIND

colors: {
  'brand-1': '#908d6f',
  'brand-2': '#a17c41',
  'brand-3': '#c62201',
  'brand-4': '#3e101a',
  'brand-5': '#535118',
}

RGB Array

[144, 141, 111], [161, 124, 65], [198, 34, 1], [62, 16, 26], [83, 81, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #908D6F, #A17C41, #C62201, #3E101A, #535118 is ideal for: tech websites, dark mode UIs, game UIs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #908d6f; --color-2: #a17c41; --color-3: #c62201; --color-4: #3e101a; --color-5: #535118. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This vintage-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color