#CFB8B5 + #CCC1B4 + #DDBFAE + #E4B5B0 + #DFB0B6 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#CFB8B5

Peach Pink · Silver · Coral Red

HEX

#CFB8B5

RGB

rgb(207, 184, 181)

HSL

hsl(7, 21%, 76%)

HSB

hsb(7, 13%, 81%)

CMYK

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

Oklch

oklch(80.1% 0.027 26.6)

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

#CCC1B4

Goose Yellow · Silver · Warm Sun

HEX

#CCC1B4

RGB

rgb(204, 193, 180)

HSL

hsl(32, 19%, 75%)

HSB

hsb(32, 12%, 80%)

CMYK

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

Oklch

oklch(81.6% 0.022 72.1)

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

#DDBFAE

Apricot · Silver · Peach Orange

HEX

#DDBFAE

RGB

rgb(221, 191, 174)

HSL

hsl(22, 41%, 77%)

HSB

hsb(22, 21%, 87%)

CMYK

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

Oklch

oklch(82.6% 0.042 51.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E4B5B0

Peach Pink · LightPink · Coral Red

HEX

#E4B5B0

RGB

rgb(228, 181, 176)

HSL

hsl(6, 49%, 79%)

HSB

hsb(6, 23%, 89%)

CMYK

cmyk(0%, 21%, 23%, 11%)

Oklch

oklch(81.4% 0.055 25.4)

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

#DFB0B6

Peach Pink · LightPink · Coral Red

HEX

#DFB0B6

RGB

rgb(223, 176, 182)

HSL

hsl(352, 42%, 78%)

HSB

hsb(352, 21%, 87%)

CMYK

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

Oklch

oklch(80.1% 0.055 9.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CFB8B5

B5CCCF

Analogous

CFB5BF

CFB8B5

CFC5B5

Triadic

CFB8B5

B5CFB8

B8B5CF

Split-Comp.

CFB8B5

B5CFC5

B5BFCF

Tetradic

CFB8B5

BFCFB5

B5CCCF

C5B5CF

Contrast Matrix WCAG 2.1 Contrast

CFB8B5	CCC1B4	DDBFAE	E4B5B0	DFB0B6
—	1.1 Fail	1.1 Fail	1.0 Fail	1.0 Fail
1.1 Fail	—	1.0 Fail	1.0 Fail	1.1 Fail
1.1 Fail	1.0 Fail	—	1.1 Fail	1.1 Fail
1.0 Fail	1.0 Fail	1.1 Fail	—	1.0 Fail
1.0 Fail	1.1 Fail	1.1 Fail	1.0 Fail	—

White BG

1.9Fail

1.8Fail

1.7Fail

1.8Fail

1.9Fail

Black BG

11.2AAA

11.9AAA

12.1AAA

11.5AAA

11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C5B6

C7C7B7

D0D0B2

D0CFB1

CBCAB5

Deuteranopia

C6C8B6

C8C9B8

D2D4B3

D2D6B2

CDD1B4

Tritanopia

CEB6B6

CBBABA

DCB5B6

E2B2B2

DDB3B3

Achromatopsia

BFBFBF

C3C3C3

C6C6C6

C2C2C2

BFBFBF

Shades & Tints Shades & Tints

#CFB8B5

Dark

Light

#CCC1B4

Dark

Light

#DDBFAE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cfb8b5;
  --color-2: #ccc1b4;
  --color-3: #ddbfae;
  --color-4: #e4b5b0;
  --color-5: #dfb0b6;
}

SCSS

$color-1: #cfb8b5;
$color-2: #ccc1b4;
$color-3: #ddbfae;
$color-4: #e4b5b0;
$color-5: #dfb0b6;

TAILWIND

colors: {
  'brand-1': '#cfb8b5',
  'brand-2': '#ccc1b4',
  'brand-3': '#ddbfae',
  'brand-4': '#e4b5b0',
  'brand-5': '#dfb0b6',
}

RGB Array

[207, 184, 181], [204, 193, 180], [221, 191, 174], [228, 181, 176], [223, 176, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #CFB8B5, #CCC1B4, #DDBFAE, #E4B5B0, #DFB0B6 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: #cfb8b5; --color-2: #ccc1b4; --color-3: #ddbfae; --color-4: #e4b5b0; --color-5: #dfb0b6. 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