#435772 + #4C5460 + #8E794C + #D6AC61 + #DDC59A · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#435772

Indigo · DarkSlateBlue · Prussian Blue

HEX

#435772

RGB

rgb(67, 87, 114)

HSL

hsl(214, 26%, 35%)

HSB

hsb(214, 41%, 45%)

CMYK

cmyk(41%, 24%, 0%, 55%)

Oklch

oklch(45.2% 0.051 256.1)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#4C5460

Indigo · DarkSlateGray · Prussian Blue

HEX

#4C5460

RGB

rgb(76, 84, 96)

HSL

hsl(216, 12%, 34%)

HSB

hsb(216, 21%, 38%)

CMYK

cmyk(21%, 13%, 0%, 62%)

Oklch

oklch(44.3% 0.022 258.4)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#8E794C

Ochre · DimGray · Honey Gold

HEX

#8E794C

RGB

rgb(142, 121, 76)

HSL

hsl(41, 30%, 43%)

HSB

hsb(41, 46%, 56%)

CMYK

cmyk(0%, 15%, 46%, 44%)

Oklch

oklch(58.5% 0.067 85.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#D6AC61

Ginger · SandyBrown · Warm Sun

HEX

#D6AC61

RGB

rgb(214, 172, 97)

HSL

hsl(38, 59%, 61%)

HSB

hsb(38, 55%, 84%)

CMYK

cmyk(0%, 20%, 55%, 16%)

Oklch

oklch(76.7% 0.106 80.6)

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

#DDC59A

Goose Yellow · BurlyWood · Warm Sun

HEX

#DDC59A

RGB

rgb(221, 197, 154)

HSL

hsl(39, 50%, 74%)

HSB

hsb(39, 30%, 87%)

CMYK

cmyk(0%, 11%, 30%, 13%)

Oklch

oklch(83.3% 0.063 82.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

435772

705C42

Analogous

426D70

435772

454270

Triadic

435772

704256

567042

Split-Comp.

435772

704542

6D7042

Tetradic

435772

70426D

705C42

427045

Contrast Matrix WCAG 2.1 Contrast

435772	4C5460	8E794C	D6AC61	DDC59A
—	1.0 Fail	1.8 Fail	3.5 AA Large	4.4 AA Large
1.0 Fail	—	1.8 Fail	3.6 AA Large	4.6 AA
1.8 Fail	1.8 Fail	—	2.0 Fail	2.5 Fail
3.5 AA Large	3.6 AA Large	2.0 Fail	—	1.3 Fail
4.4 AA Large	4.6 AA	2.5 Fail	1.3 Fail	—

White BG

7.4AAA

7.7AAA

4.2AA Large

2.1Fail

1.7Fail

Black BG

2.8Fail

2.7Fail

5.0AA

9.9AAA

12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4C4C6B

4F505D

858557

C4C373

D3D2A4

Deuteranopia

4B496A

4F4E5C

86885A

C6C978

D4D6A7

Tritanopia

446665

4C5B5A

8D5F61

D48185

DCADAE

Achromatopsia

545454

535353

7A7A7A

B0B0B0

C7C7C7

Shades & Tints Shades & Tints

#435772

Dark

Light

#4C5460

Dark

Light

#8E794C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #435772;
  --color-2: #4c5460;
  --color-3: #8e794c;
  --color-4: #d6ac61;
  --color-5: #ddc59a;
}

SCSS

$color-1: #435772;
$color-2: #4c5460;
$color-3: #8e794c;
$color-4: #d6ac61;
$color-5: #ddc59a;

TAILWIND

colors: {
  'brand-1': '#435772',
  'brand-2': '#4c5460',
  'brand-3': '#8e794c',
  'brand-4': '#d6ac61',
  'brand-5': '#ddc59a',
}

RGB Array

[67, 87, 114], [76, 84, 96], [142, 121, 76], [214, 172, 97], [221, 197, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #435772, #4C5460, #8E794C, #D6AC61, #DDC59A 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: #435772; --color-2: #4c5460; --color-3: #8e794c; --color-4: #d6ac61; --color-5: #ddc59a. 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