#C76973 + #D58993 + #CCB8B4 + #BCCFC3 + #C3E0DE · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#C76973

Crimson · LightCoral · Passion Red

HEX

#C76973

RGB

rgb(199, 105, 115)

HSL

hsl(354, 46%, 60%)

HSB

hsb(354, 47%, 78%)

CMYK

cmyk(0%, 47%, 42%, 22%)

Oklch

oklch(63.2% 0.119 14.4)

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

#D58993

Peach Pink · LightCoral · Coral Red

HEX

#D58993

RGB

rgb(213, 137, 147)

HSL

hsl(352, 48%, 69%)

HSB

hsb(352, 36%, 84%)

CMYK

cmyk(0%, 36%, 31%, 16%)

Oklch

oklch(71.1% 0.094 11.1)

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

#CCB8B4

Peach Pink · Silver · Coral Red

HEX

#CCB8B4

RGB

rgb(204, 184, 180)

HSL

hsl(10, 19%, 75%)

HSB

hsb(10, 12%, 80%)

CMYK

cmyk(0%, 10%, 12%, 20%)

Oklch

oklch(79.8% 0.024 31.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#BCCFC3

Celadon · Silver · Apple Green

HEX

#BCCFC3

RGB

rgb(188, 207, 195)

HSL

hsl(142, 17%, 77%)

HSB

hsb(142, 9%, 81%)

CMYK

cmyk(9%, 0%, 6%, 19%)

Oklch

oklch(83.7% 0.026 158.1)

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

#C3E0DE

Jade · LightGray · Glacier Blue

HEX

#C3E0DE

RGB

rgb(195, 224, 222)

HSL

hsl(176, 32%, 82%)

HSB

hsb(176, 13%, 88%)

CMYK

cmyk(13%, 0%, 1%, 12%)

Oklch

oklch(88.5% 0.031 191.5)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C76973

6AC8BF

Analogous

C86AA2

C76973

C8906A

Triadic

C76973

73C86A

6A73C8

Split-Comp.

C76973

6AC890

6AA2C8

Tetradic

C76973

A2C86A

6AC8BF

906AC8

Contrast Matrix WCAG 2.1 Contrast

C76973	D58993	CCB8B4	BCCFC3	C3E0DE
—	1.4 Fail	1.9 Fail	2.3 Fail	2.6 Fail
1.4 Fail	—	1.4 Fail	1.6 Fail	1.9 Fail
1.9 Fail	1.4 Fail	—	1.2 Fail	1.4 Fail
2.3 Fail	1.6 Fail	1.2 Fail	—	1.2 Fail
2.6 Fail	1.9 Fail	1.4 Fail	1.2 Fail	—

White BG

3.7AA Large

2.7Fail

1.9Fail

1.6Fail

1.4Fail

Black BG

5.7AA

7.8AAA

11.1AAA

12.9AAA

15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9D71

B4B391

C3C3B5

C4C4C6

D0D0DE

Deuteranopia

A4AB70

B9BE90

C5C6B5

C3C2C7

CECCDF

Tritanopia

C26F6E

D18F8E

CBB6B6

BDC8C9

C4DFDF

Achromatopsia

868686

A1A1A1

BEBEBE

C8C8C8

D7D7D7

Shades & Tints Shades & Tints

#C76973

Dark

Light

#D58993

Dark

Light

#CCB8B4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c76973;
  --color-2: #d58993;
  --color-3: #ccb8b4;
  --color-4: #bccfc3;
  --color-5: #c3e0de;
}

SCSS

$color-1: #c76973;
$color-2: #d58993;
$color-3: #ccb8b4;
$color-4: #bccfc3;
$color-5: #c3e0de;

TAILWIND

colors: {
  'brand-1': '#c76973',
  'brand-2': '#d58993',
  'brand-3': '#ccb8b4',
  'brand-4': '#bccfc3',
  'brand-5': '#c3e0de',
}

RGB Array

[199, 105, 115], [213, 137, 147], [204, 184, 180], [188, 207, 195], [195, 224, 222]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #C76973, #D58993, #CCB8B4, #BCCFC3, #C3E0DE is ideal for: health products, baby brands, fresh-style blogs. 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: #c76973; --color-2: #d58993; --color-3: #ccb8b4; --color-4: #bccfc3; --color-5: #c3e0de. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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