#C35F6B + #BC7C6C + #575B3A + #5B7072 + #E57583 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#C35F6B

Crimson · LightCoral · Passion Red

HEX

#C35F6B

RGB

rgb(195, 95, 107)

HSL

hsl(353, 45%, 57%)

HSB

hsb(353, 51%, 76%)

CMYK

cmyk(0%, 51%, 45%, 24%)

Oklch

oklch(60.9% 0.128 14.2)

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

#BC7C6C

Crimson · DarkSalmon · Passion Red

HEX

#BC7C6C

RGB

rgb(188, 124, 108)

HSL

hsl(12, 37%, 58%)

HSB

hsb(12, 43%, 74%)

CMYK

cmyk(0%, 34%, 43%, 26%)

Oklch

oklch(64.8% 0.084 34.7)

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

#575B3A

Autumn Sage · DarkOliveGreen · Honey Gold

HEX

#575B3A

RGB

rgb(87, 91, 58)

HSL

hsl(67, 22%, 29%)

HSB

hsb(67, 36%, 36%)

CMYK

cmyk(4%, 0%, 36%, 64%)

Oklch

oklch(45.9% 0.050 114.0)

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

#5B7072

Slate Blue · DimGray · Mint Ice

HEX

#5B7072

RGB

rgb(91, 112, 114)

HSL

hsl(185, 11%, 40%)

HSB

hsb(185, 20%, 45%)

CMYK

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

Oklch

oklch(52.9% 0.025 203.5)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#E57583

Peach Pink · LightCoral · Coral Red

HEX

#E57583

RGB

rgb(229, 117, 131)

HSL

hsl(353, 68%, 68%)

HSB

hsb(353, 49%, 90%)

CMYK

cmyk(0%, 49%, 43%, 10%)

Oklch

oklch(69.4% 0.139 13.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C35F6B

60C3B7

Analogous

C3609D

C35F6B

C38660

Triadic

C35F6B

6CC360

606CC3

Split-Comp.

C35F6B

60C386

609DC3

Tetradic

C35F6B

9DC360

60C3B7

8660C3

Contrast Matrix WCAG 2.1 Contrast

C35F6B	BC7C6C	575B3A	5B7072	E57583
—	1.2 Fail	1.7 Fail	1.3 Fail	1.4 Fail
1.2 Fail	—	2.1 Fail	1.6 Fail	1.2 Fail
1.7 Fail	2.1 Fail	—	1.4 Fail	2.4 Fail
1.3 Fail	1.6 Fail	1.4 Fail	—	1.8 Fail
1.4 Fail	1.2 Fail	2.4 Fail	1.8 Fail	—

White BG

4.1AA Large

3.4AA Large

7.1AAA

5.2AA

2.9Fail

Black BG

5.2AA

6.2AA

3.0Fail

4.0AA Large

7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

989768

A0A070

595942

646472

B5B380

Deuteranopia

9EA567

A4A971

595844

636171

BBC37F

Tritanopia

BE6665

B97374

57484A

5C7171

DF7D7C

Achromatopsia

7E7E7E

8D8D8D

565656

6A6A6A

989898

Shades & Tints Shades & Tints

#C35F6B

Dark

Light

#BC7C6C

Dark

Light

#575B3A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c35f6b;
  --color-2: #bc7c6c;
  --color-3: #575b3a;
  --color-4: #5b7072;
  --color-5: #e57583;
}

SCSS

$color-1: #c35f6b;
$color-2: #bc7c6c;
$color-3: #575b3a;
$color-4: #5b7072;
$color-5: #e57583;

TAILWIND

colors: {
  'brand-1': '#c35f6b',
  'brand-2': '#bc7c6c',
  'brand-3': '#575b3a',
  'brand-4': '#5b7072',
  'brand-5': '#e57583',
}

RGB Array

[195, 95, 107], [188, 124, 108], [87, 91, 58], [91, 112, 114], [229, 117, 131]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #C35F6B, #BC7C6C, #575B3A, #5B7072, #E57583 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: #c35f6b; --color-2: #bc7c6c; --color-3: #575b3a; --color-4: #5b7072; --color-5: #e57583. 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