#96764E + #3CD0BB + #74BA89 + #CAC13E + #734C5E · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#96764E

Ochre · Sienna · Amber Brown

HEX

#96764E

RGB

rgb(150, 118, 78)

HSL

hsl(33, 32%, 45%)

HSB

hsb(33, 48%, 59%)

CMYK

cmyk(0%, 21%, 48%, 41%)

Oklch

oklch(58.7% 0.069 72.1)

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

#3CD0BB

Mineral Blue · MediumTurquoise · Lake Green

HEX

#3CD0BB

RGB

rgb(60, 208, 187)

HSL

hsl(171, 61%, 53%)

HSB

hsb(171, 71%, 82%)

CMYK

cmyk(71%, 0%, 10%, 18%)

Oklch

oklch(77.6% 0.125 181.2)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#74BA89

Celadon · DarkSeaGreen · Olive Green

HEX

#74BA89

RGB

rgb(116, 186, 137)

HSL

hsl(138, 34%, 59%)

HSB

hsb(138, 38%, 73%)

CMYK

cmyk(38%, 0%, 26%, 27%)

Oklch

oklch(72.9% 0.101 152.8)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#CAC13E

Autumn Sage · GoldenRod · Sunflower

HEX

#CAC13E

RGB

rgb(202, 193, 62)

HSL

hsl(56, 57%, 52%)

HSB

hsb(56, 69%, 79%)

CMYK

cmyk(0%, 4%, 69%, 21%)

Oklch

oklch(79.5% 0.147 105.4)

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

#734C5E

Dark Violet · DimGray · Camellia

HEX

#734C5E

RGB

rgb(115, 76, 94)

HSL

hsl(332, 20%, 37%)

HSB

hsb(332, 34%, 45%)

CMYK

cmyk(0%, 34%, 18%, 55%)

Oklch

oklch(46.6% 0.059 350.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

96764E

4E6F97

Analogous

97524E

96764E

94974E

Triadic

96764E

4E9776

764E97

Split-Comp.

96764E

4E9497

524E97

Tetradic

96764E

4E9752

4E6F97

974E94

Contrast Matrix WCAG 2.1 Contrast

96764E	3CD0BB	74BA89	CAC13E	734C5E
—	2.2 Fail	1.8 Fail	2.2 Fail	1.7 Fail
2.2 Fail	—	1.2 Fail	1.0 Fail	3.7 AA Large
1.8 Fail	1.2 Fail	—	1.2 Fail	3.1 AA Large
2.2 Fail	1.0 Fail	1.2 Fail	—	3.8 AA Large
1.7 Fail	3.7 AA Large	3.1 AA Large	3.8 AA Large	—

White BG

4.2AA Large

1.9Fail

2.3Fail

1.9Fail

7.2AAA

Black BG

5.0AA

10.9AAA

9.1AAA

11.2AAA

2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

888858

7C7DC0

929395

C6C65E

62625A

Deuteranopia

8A8C5A

7468C1

8E8998

C7C765

646759

Tritanopia

945F61

43C4C5

779EA0

CA777C

715655

Achromatopsia

7B7B7B

A1A1A1

9F9F9F

B5B5B5

5A5A5A

Shades & Tints Shades & Tints

#96764E

Dark

Light

#3CD0BB

Dark

Light

#74BA89

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #96764e;
  --color-2: #3cd0bb;
  --color-3: #74ba89;
  --color-4: #cac13e;
  --color-5: #734c5e;
}

SCSS

$color-1: #96764e;
$color-2: #3cd0bb;
$color-3: #74ba89;
$color-4: #cac13e;
$color-5: #734c5e;

TAILWIND

colors: {
  'brand-1': '#96764e',
  'brand-2': '#3cd0bb',
  'brand-3': '#74ba89',
  'brand-4': '#cac13e',
  'brand-5': '#734c5e',
}

RGB Array

[150, 118, 78], [60, 208, 187], [116, 186, 137], [202, 193, 62], [115, 76, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #96764E, #3CD0BB, #74BA89, #CAC13E, #734C5E 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: #96764e; --color-2: #3cd0bb; --color-3: #74ba89; --color-4: #cac13e; --color-5: #734c5e. 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