#7B5E63 + #B55940 + #E59759 + #F7CE76 + #EAE0AD · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#7B5E63

Crimson · DimGray · Passion Red

HEX

#7B5E63

RGB

rgb(123, 94, 99)

HSL

hsl(350, 13%, 43%)

HSB

hsb(350, 24%, 48%)

CMYK

cmyk(0%, 24%, 20%, 52%)

Oklch

oklch(51.3% 0.038 7.0)

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

#B55940

Crimson · Sienna · Passion Red

HEX

#B55940

RGB

rgb(181, 89, 64)

HSL

hsl(13, 48%, 48%)

HSB

hsb(13, 65%, 71%)

CMYK

cmyk(0%, 51%, 65%, 29%)

Oklch

oklch(57.1% 0.126 36.2)

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

#E59759

Apricot · SandyBrown · Warm Sun

HEX

#E59759

RGB

rgb(229, 151, 89)

HSL

hsl(27, 73%, 62%)

HSB

hsb(27, 61%, 90%)

CMYK

cmyk(0%, 34%, 61%, 10%)

Oklch

oklch(74.2% 0.122 57.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F7CE76

Goose Yellow · Khaki · Sunflower

HEX

#F7CE76

RGB

rgb(247, 206, 118)

HSL

hsl(41, 89%, 72%)

HSB

hsb(41, 52%, 97%)

CMYK

cmyk(0%, 17%, 52%, 3%)

Oklch

oklch(86.9% 0.116 85.0)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#EAE0AD

Fresh Green · Wheat · Lemon Cream

HEX

#EAE0AD

RGB

rgb(234, 224, 173)

HSL

hsl(50, 59%, 80%)

HSB

hsb(50, 26%, 92%)

CMYK

cmyk(0%, 4%, 26%, 8%)

Oklch

oklch(90.2% 0.067 98.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7B5E63

5F7C77

Analogous

7C5F72

7B5E63

7C695F

Triadic

7B5E63

647C5F

5F647C

Split-Comp.

7B5E63

5F7C69

5F727C

Tetradic

7B5E63

727C5F

5F7C77

695F7C

Contrast Matrix WCAG 2.1 Contrast

7B5E63	B55940	E59759	F7CE76	EAE0AD
—	1.2 Fail	2.5 Fail	3.9 AA Large	4.4 AA Large
1.2 Fail	—	2.0 Fail	3.1 AA Large	3.5 AA Large
2.5 Fail	2.0 Fail	—	1.6 Fail	1.8 Fail
3.9 AA Large	3.1 AA Large	1.6 Fail	—	1.1 Fail
4.4 AA Large	3.5 AA Large	1.8 Fail	1.1 Fail	—

White BG

5.8AA

4.7AA

2.4Fail

1.5Fail

1.3Fail

Black BG

3.6AA Large

4.5AA Large

8.9AAA

14.0AAA

15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E6E62

8D8C46

C3C368

E5E58B

E6E6B9

Deuteranopia

707262

939948

C8CE6C

E8EB90

E6E7BC

Tritanopia

7A6161

B04B4C

E17476

F59CA0

E9C3C5

Achromatopsia

676767

727272

A7A7A7

D0D0D0

DDDDDD

Shades & Tints Shades & Tints

#7B5E63

Dark

Light

#B55940

Dark

Light

#E59759

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7b5e63;
  --color-2: #b55940;
  --color-3: #e59759;
  --color-4: #f7ce76;
  --color-5: #eae0ad;
}

SCSS

$color-1: #7b5e63;
$color-2: #b55940;
$color-3: #e59759;
$color-4: #f7ce76;
$color-5: #eae0ad;

TAILWIND

colors: {
  'brand-1': '#7b5e63',
  'brand-2': '#b55940',
  'brand-3': '#e59759',
  'brand-4': '#f7ce76',
  'brand-5': '#eae0ad',
}

RGB Array

[123, 94, 99], [181, 89, 64], [229, 151, 89], [247, 206, 118], [234, 224, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #7B5E63, #B55940, #E59759, #F7CE76, #EAE0AD is ideal for: corporate websites, product showcases, portfolios. 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: #7b5e63; --color-2: #b55940; --color-3: #e59759; --color-4: #f7ce76; --color-5: #eae0ad. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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