#C96531 + #97B38D + #BDA85C + #ADA670 + #674625 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#C96531

Tangerine · Chocolate · Amber Brown

HEX

#C96531

RGB

rgb(201, 101, 49)

HSL

hsl(21, 61%, 49%)

HSB

hsb(21, 76%, 79%)

CMYK

cmyk(0%, 50%, 76%, 21%)

Oklch

oklch(61.7% 0.143 45.8)

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

#97B38D

Celadon · DarkSeaGreen · Apple Green

HEX

#97B38D

RGB

rgb(151, 179, 141)

HSL

hsl(104, 20%, 63%)

HSB

hsb(104, 21%, 70%)

CMYK

cmyk(16%, 0%, 21%, 30%)

Oklch

oklch(73.5% 0.062 137.5)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#BDA85C

Ginger · Tan · Sunflower

HEX

#BDA85C

RGB

rgb(189, 168, 92)

HSL

hsl(47, 42%, 55%)

HSB

hsb(47, 51%, 74%)

CMYK

cmyk(0%, 11%, 51%, 26%)

Oklch

oklch(73.4% 0.099 94.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#ADA670

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#ADA670

RGB

rgb(173, 166, 112)

HSL

hsl(53, 27%, 56%)

HSB

hsb(53, 35%, 68%)

CMYK

cmyk(0%, 4%, 35%, 32%)

Oklch

oklch(71.8% 0.073 101.7)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#674625

Ochre · DarkOliveGreen · Amber Brown

HEX

#674625

RGB

rgb(103, 70, 37)

HSL

hsl(30, 47%, 27%)

HSB

hsb(30, 64%, 40%)

CMYK

cmyk(0%, 32%, 64%, 60%)

Oklch

oklch(42.4% 0.066 64.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C96531

3194C9

Analogous

C93148

C96531

C9B231

Triadic

C96531

31C966

6631C9

Split-Comp.

C96531

31C9B2

3148C9

Tetradic

C96531

48C931

3194C9

B231C9

Contrast Matrix WCAG 2.1 Contrast

C96531	97B38D	BDA85C	ADA670	674625
—	1.7 Fail	1.7 Fail	1.6 Fail	2.2 Fail
1.7 Fail	—	1.0 Fail	1.1 Fail	3.7 AA Large
1.7 Fail	1.0 Fail	—	1.1 Fail	3.6 AA Large
1.6 Fail	1.1 Fail	1.1 Fail	—	3.4 AA Large
2.2 Fail	3.7 AA Large	3.6 AA Large	3.4 AA Large	—

White BG

3.9AA Large

2.3Fail

2.4Fail

2.5Fail

8.5AAA

Black BG

5.4AA

9.1AAA

8.9AAA

8.5AAA

2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9D3E

A3A396

B4B46E

AAAA7D

59582D

Deuteranopia

A4AB41

A29F98

B5B773

AAAB80

5B5D2F

Tritanopia

C4484A

989D9F

BC7D80

AD878A

653335

Achromatopsia

7D7D7D

A6A6A6

A2A2A2

4C4C4C

Shades & Tints Shades & Tints

#C96531

Dark

Light

#97B38D

Dark

Light

#BDA85C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c96531;
  --color-2: #97b38d;
  --color-3: #bda85c;
  --color-4: #ada670;
  --color-5: #674625;
}

SCSS

$color-1: #c96531;
$color-2: #97b38d;
$color-3: #bda85c;
$color-4: #ada670;
$color-5: #674625;

TAILWIND

colors: {
  'brand-1': '#c96531',
  'brand-2': '#97b38d',
  'brand-3': '#bda85c',
  'brand-4': '#ada670',
  'brand-5': '#674625',
}

RGB Array

[201, 101, 49], [151, 179, 141], [189, 168, 92], [173, 166, 112], [103, 70, 37]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #C96531, #97B38D, #BDA85C, #ADA670, #674625 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: #c96531; --color-2: #97b38d; --color-3: #bda85c; --color-4: #ada670; --color-5: #674625. 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