#8E925F + #896559 + #793E44 + #301E0A + #EB4B0F · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#8E925F

Autumn Sage · Gray · Honey Gold

HEX

#8E925F

RGB

rgb(142, 146, 95)

HSL

hsl(65, 21%, 47%)

HSB

hsb(65, 35%, 57%)

CMYK

cmyk(3%, 0%, 35%, 43%)

Oklch

oklch(64.4% 0.071 112.0)

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

#896559

Tangerine · DimGray · Amber Brown

HEX

#896559

RGB

rgb(137, 101, 89)

HSL

hsl(15, 21%, 44%)

HSB

hsb(15, 35%, 54%)

CMYK

cmyk(0%, 26%, 35%, 46%)

Oklch

oklch(54.0% 0.050 39.2)

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

#793E44

Crimson · Sienna · Wine Red

HEX

#793E44

RGB

rgb(121, 62, 68)

HSL

hsl(354, 32%, 36%)

HSB

hsb(354, 49%, 47%)

CMYK

cmyk(0%, 49%, 44%, 53%)

Oklch

oklch(44.0% 0.082 14.6)

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

#301E0A

Ochre · Black · Cinnamon

HEX

#301E0A

RGB

rgb(48, 30, 10)

HSL

hsl(32, 66%, 11%)

HSB

hsb(32, 79%, 19%)

CMYK

cmyk(0%, 37%, 79%, 81%)

Oklch

oklch(25.3% 0.042 66.6)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#EB4B0F

Tangerine · OrangeRed · Amber Brown

HEX

#EB4B0F

RGB

rgb(235, 75, 15)

HSL

hsl(16, 88%, 49%)

HSB

hsb(16, 94%, 92%)

CMYK

cmyk(0%, 68%, 94%, 8%)

Oklch

oklch(63.3% 0.205 37.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8E925F

635F91

Analogous

917C5F

8E925F

74915F

Triadic

8E925F

5F8D91

915F8D

Split-Comp.

8E925F

5F7491

7C5F91

Tetradic

8E925F

5F917C

635F91

915F74

Contrast Matrix WCAG 2.1 Contrast

8E925F	896559	793E44	301E0A	EB4B0F
—	1.6 Fail	2.5 Fail	4.9 AA	1.2 Fail
1.6 Fail	—	1.6 Fail	3.1 AA Large	1.4 Fail
2.5 Fail	1.6 Fail	—	2.0 Fail	2.1 Fail
4.9 AA	3.1 AA Large	2.0 Fail	—	4.2 AA Large
1.2 Fail	1.4 Fail	2.1 Fail	4.2 AA Large	—

White BG

3.3AA Large

5.2AA

8.1AAA

16.0AAA

3.8AA Large

Black BG

6.4AA

4.1AA Large

2.6Fail

1.3Fail

5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

90906B

79795C

5F5F43

28280F

A6A41E

Deuteranopia

908F6E

7C7E5D

636742

292B10

AFBB21

Tritanopia

8E7577

875E5F

764141

2F1314

E3292C

Achromatopsia

8B8B8B

6E6E6E

505050

212121

747474

Shades & Tints Shades & Tints

#8E925F

Dark

Light

#896559

Dark

Light

#793E44

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8e925f;
  --color-2: #896559;
  --color-3: #793e44;
  --color-4: #301e0a;
  --color-5: #eb4b0f;
}

SCSS

$color-1: #8e925f;
$color-2: #896559;
$color-3: #793e44;
$color-4: #301e0a;
$color-5: #eb4b0f;

TAILWIND

colors: {
  'brand-1': '#8e925f',
  'brand-2': '#896559',
  'brand-3': '#793e44',
  'brand-4': '#301e0a',
  'brand-5': '#eb4b0f',
}

RGB Array

[142, 146, 95], [137, 101, 89], [121, 62, 68], [48, 30, 10], [235, 75, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #8E925F, #896559, #793E44, #301E0A, #EB4B0F 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: #8e925f; --color-2: #896559; --color-3: #793e44; --color-4: #301e0a; --color-5: #eb4b0f. 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