← Back to Editor

#DEBDBD · #EDDADA · #C4B3B3 · #DBD1BD · #DBCABD

vintage

A 5-color vintage palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#DEBDBD

Peach Pink · Silver · Cherry Blossom

HEX
#DEBDBD
RGB
rgb(222, 189, 189)
HSL
hsl(0, 33%, 81%)
HSB
hsb(0, 15%, 87%)
CMYK
cmyk(0%, 15%, 15%, 13%)
Oklch
oklch(82.7% 0.038 17.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#EDDADA

Peach Pink · LightGray · Cherry Blossom

HEX
#EDDADA
RGB
rgb(237, 218, 218)
HSL
hsl(0, 35%, 89%)
HSB
hsb(0, 8%, 93%)
CMYK
cmyk(0%, 8%, 8%, 7%)
Oklch
oklch(90.4% 0.021 17.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#C4B3B3

Peach Pink · Silver · Coral Red

HEX
#C4B3B3
RGB
rgb(196, 179, 179)
HSL
hsl(0, 13%, 74%)
HSB
hsb(0, 9%, 77%)
CMYK
cmyk(0%, 9%, 9%, 23%)
Oklch
oklch(78.1% 0.020 17.6)

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

#DBD1BD

Goose Yellow · LightGray · Lemon Cream

HEX
#DBD1BD
RGB
rgb(219, 209, 189)
HSL
hsl(40, 29%, 80%)
HSB
hsb(40, 14%, 86%)
CMYK
cmyk(0%, 5%, 14%, 14%)
Oklch
oklch(86.3% 0.029 84.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#DBCABD

Apricot · LightGray · Peach Orange

HEX
#DBCABD
RGB
rgb(219, 202, 189)
HSL
hsl(26, 29%, 80%)
HSB
hsb(26, 14%, 86%)
CMYK
cmyk(0%, 8%, 14%, 14%)
Oklch
oklch(84.9% 0.026 59.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEBDBD
BFDFDF

Analogous

DFBFCF
DEBDBD
DFCFBF

Triadic

DEBDBD
BFDFBF
BFBFDF

Split-Comp.

DEBDBD
BFDFCF
BFCFDF

Tetradic

DEBDBD
CFDFBF
BFDFDF
CFBFDF

Contrast Matrix WCAG 2.1 Contrast

DEBDBD
EDDADA
C4B3B3
DBD1BD
DBCABD
—
1.3
Fail
1.2
Fail
1.1
Fail
1.1
Fail
1.3
Fail
—
1.5
Fail
1.1
Fail
1.2
Fail
1.2
Fail
1.5
Fail
—
1.3
Fail
1.3
Fail
1.1
Fail
1.1
Fail
1.3
Fail
—
1.1
Fail
1.1
Fail
1.2
Fail
1.3
Fail
1.1
Fail
—
White BG
1.7Fail
1.3Fail
2.0Fail
1.5Fail
1.6Fail
Black BG
12.1AAA
15.6AAA
10.4AAA
13.9AAA
13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0CFBD
E5E5DA
BDBCB3
D7D7C2
D4D3C0

Deuteranopia

D2D4BD
E6E7DA
BEBFB3
D7D8C3
D5D6C1

Tritanopia

DCBDBD
ECDADA
C3B3B3
DAC6C7
DAC3C3

Achromatopsia

C7C7C7
E0E0E0
B8B8B8
D2D2D2
CECECE

Shades & Tints Shades & Tints

#DEBDBD

Dark
Light

#EDDADA

Dark
Light

#C4B3B3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #debdbd;
  --color-2: #eddada;
  --color-3: #c4b3b3;
  --color-4: #dbd1bd;
  --color-5: #dbcabd;
}

SCSS

$color-1: #debdbd;
$color-2: #eddada;
$color-3: #c4b3b3;
$color-4: #dbd1bd;
$color-5: #dbcabd;

TAILWIND

colors: {
  'brand-1': '#debdbd',
  'brand-2': '#eddada',
  'brand-3': '#c4b3b3',
  'brand-4': '#dbd1bd',
  'brand-5': '#dbcabd',
}

RGB Array

[222, 189, 189], [237, 218, 218], [196, 179, 179], [219, 209, 189], [219, 202, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #DEBDBD, #EDDADA, #C4B3B3, #DBD1BD, #DBCABD is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #debdbd; --color-2: #eddada; --color-3: #c4b3b3; --color-4: #dbd1bd; --color-5: #dbcabd. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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