#CE6851 + #D38E7D + #D9B4A8 + #DED9D4 + #E3FFFF · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#CE6851

Crimson · Tomato · Passion Red

HEX

#CE6851

RGB

rgb(206, 104, 81)

HSL

hsl(11, 56%, 56%)

HSB

hsb(11, 61%, 81%)

CMYK

cmyk(0%, 50%, 61%, 19%)

Oklch

oklch(63.3% 0.134 33.9)

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

#D38E7D

Peach Pink · DarkSalmon · Coral Red

HEX

#D38E7D

RGB

rgb(211, 142, 125)

HSL

hsl(12, 49%, 66%)

HSB

hsb(12, 41%, 83%)

CMYK

cmyk(0%, 33%, 41%, 17%)

Oklch

oklch(71.2% 0.088 34.4)

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

#D9B4A8

Apricot · Tan · Warm Sun

HEX

#D9B4A8

RGB

rgb(217, 180, 168)

HSL

hsl(15, 39%, 75%)

HSB

hsb(15, 23%, 85%)

CMYK

cmyk(0%, 17%, 23%, 15%)

Oklch

oklch(79.9% 0.046 38.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#DED9D4

Goose Yellow · LightGray · Peach Orange

HEX

#DED9D4

RGB

rgb(222, 217, 212)

HSL

hsl(30, 13%, 85%)

HSB

hsb(30, 5%, 87%)

CMYK

cmyk(0%, 2%, 5%, 13%)

Oklch

oklch(88.8% 0.009 67.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E3FFFF

Sky Blue · Lavender · Glacier Blue

HEX

#E3FFFF

RGB

rgb(227, 255, 255)

HSL

hsl(180, 100%, 95%)

HSB

hsb(180, 11%, 100%)

CMYK

cmyk(11%, 0%, 0%, 0%)

Oklch

oklch(98.0% 0.029 196.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CE6851

50B7CE

Analogous

CE5078

CE6851

CEA650

Triadic

CE6851

50CE67

6750CE

Split-Comp.

CE6851

50CEA6

5078CE

Tetradic

CE6851

78CE50

50B7CE

A650CE

Contrast Matrix WCAG 2.1 Contrast

CE6851	D38E7D	D9B4A8	DED9D4	E3FFFF
—	1.4 Fail	1.9 Fail	2.6 Fail	3.5 AA Large
1.4 Fail	—	1.4 Fail	1.9 Fail	2.5 Fail
1.9 Fail	1.4 Fail	—	1.4 Fail	1.8 Fail
2.6 Fail	1.9 Fail	1.4 Fail	—	1.3 Fail
3.5 AA Large	2.5 Fail	1.8 Fail	1.3 Fail	—

White BG

3.7AA Large

2.6Fail

1.9Fail

1.4Fail

1.0Fail

Black BG

5.7AA

7.9AAA

11.0AAA

15.0AAA

20.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A157

B5B581

C9C9AB

DCDCD5

EFEFFF

Deuteranopia

A8AF58

B9BE82

CBCEAC

DCDCD5

EEEBFF

Tritanopia

C95B5C

D08485

D7ADAE

DED6D6

E4FFFF

Achromatopsia

848484

A1A1A1

BEBEBE

DADADA

F7F7F7

Shades & Tints Shades & Tints

#CE6851

Dark

Light

#D38E7D

Dark

Light

#D9B4A8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ce6851;
  --color-2: #d38e7d;
  --color-3: #d9b4a8;
  --color-4: #ded9d4;
  --color-5: #e3ffff;
}

SCSS

$color-1: #ce6851;
$color-2: #d38e7d;
$color-3: #d9b4a8;
$color-4: #ded9d4;
$color-5: #e3ffff;

TAILWIND

colors: {
  'brand-1': '#ce6851',
  'brand-2': '#d38e7d',
  'brand-3': '#d9b4a8',
  'brand-4': '#ded9d4',
  'brand-5': '#e3ffff',
}

RGB Array

[206, 104, 81], [211, 142, 125], [217, 180, 168], [222, 217, 212], [227, 255, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #CE6851, #D38E7D, #D9B4A8, #DED9D4, #E3FFFF 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: #ce6851; --color-2: #d38e7d; --color-3: #d9b4a8; --color-4: #ded9d4; --color-5: #e3ffff. 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