#FBCFD0 + #DDA79C + #9D646E + #E1D4C1 + #AB9D94 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#FBCFD0

Peach Pink · Pink · Cherry Blossom

HEX

#FBCFD0

RGB

rgb(251, 207, 208)

HSL

hsl(359, 85%, 90%)

HSB

hsb(359, 18%, 98%)

CMYK

cmyk(0%, 18%, 17%, 2%)

Oklch

oklch(89.3% 0.050 16.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#DDA79C

Peach Pink · Tan · Coral Red

HEX

#DDA79C

RGB

rgb(221, 167, 156)

HSL

hsl(10, 49%, 74%)

HSB

hsb(10, 29%, 87%)

CMYK

cmyk(0%, 24%, 29%, 13%)

Oklch

oklch(77.6% 0.066 31.7)

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

#9D646E

Crimson · Gray · Passion Red

HEX

#9D646E

RGB

rgb(157, 100, 110)

HSL

hsl(349, 23%, 50%)

HSB

hsb(349, 36%, 62%)

CMYK

cmyk(0%, 36%, 30%, 38%)

Oklch

oklch(56.8% 0.075 8.3)

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

#E1D4C1

Goose Yellow · LightGray · Peach Orange

HEX

#E1D4C1

RGB

rgb(225, 212, 193)

HSL

hsl(36, 35%, 82%)

HSB

hsb(36, 14%, 88%)

CMYK

cmyk(0%, 6%, 14%, 12%)

Oklch

oklch(87.5% 0.029 77.5)

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

#AB9D94

Apricot · DarkGray · Warm Sun

HEX

#AB9D94

RGB

rgb(171, 157, 148)

HSL

hsl(23, 12%, 63%)

HSB

hsb(23, 13%, 67%)

CMYK

cmyk(0%, 8%, 13%, 33%)

Oklch

oklch(70.5% 0.021 55.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBCFD0

D0FBFA

Analogous

FBD0E6

FBCFD0

FBE5D0

Triadic

FBCFD0

D1FBD0

D0D1FB

Split-Comp.

FBCFD0

D0FBE5

D0E6FB

Tetradic

FBCFD0

E6FBD0

D0FBFA

E5D0FB

Contrast Matrix WCAG 2.1 Contrast

FBCFD0	DDA79C	9D646E	E1D4C1	AB9D94
—	1.5 Fail	3.3 AA Large	1.0 Fail	1.9 Fail
1.5 Fail	—	2.2 Fail	1.4 Fail	1.3 Fail
3.3 AA Large	2.2 Fail	—	3.2 AA Large	1.8 Fail
1.0 Fail	1.4 Fail	3.2 AA Large	—	1.8 Fail
1.9 Fail	1.3 Fail	1.8 Fail	1.8 Fail	—

White BG

1.4Fail

2.1Fail

4.7AA

1.5Fail

2.6Fail

Black BG

14.9AAA

10.1AAA

4.5AA Large

14.4AAA

8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8D0

C6C59F

84846C

DBDBC6

A5A596

Deuteranopia

EBEED0

C9CD9F

888C6B

DCDDC7

A6A797

Tritanopia

F9D0D0

DAA1A1

9A6A69

E0C9CA

AA9898

Achromatopsia

DCDCDC

B6B6B6

767676

D6D6D6

A0A0A0

Shades & Tints Shades & Tints

#FBCFD0

Dark

Light

#DDA79C

Dark

Light

#9D646E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbcfd0;
  --color-2: #dda79c;
  --color-3: #9d646e;
  --color-4: #e1d4c1;
  --color-5: #ab9d94;
}

SCSS

$color-1: #fbcfd0;
$color-2: #dda79c;
$color-3: #9d646e;
$color-4: #e1d4c1;
$color-5: #ab9d94;

TAILWIND

colors: {
  'brand-1': '#fbcfd0',
  'brand-2': '#dda79c',
  'brand-3': '#9d646e',
  'brand-4': '#e1d4c1',
  'brand-5': '#ab9d94',
}

RGB Array

[251, 207, 208], [221, 167, 156], [157, 100, 110], [225, 212, 193], [171, 157, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #FBCFD0, #DDA79C, #9D646E, #E1D4C1, #AB9D94 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: #fbcfd0; --color-2: #dda79c; --color-3: #9d646e; --color-4: #e1d4c1; --color-5: #ab9d94. 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