#B08A9D + #C99DAE + #EEDCE5 + #F1F1D6 + #F1E6D6 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#B08A9D

Rouge · DarkGray · Rose Pink

HEX

#B08A9D

RGB

rgb(176, 138, 157)

HSL

hsl(330, 19%, 62%)

HSB

hsb(330, 22%, 69%)

CMYK

cmyk(0%, 22%, 11%, 31%)

Oklch

oklch(67.5% 0.053 347.1)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#C99DAE

Rouge · DarkGray · Rose Pink

HEX

#C99DAE

RGB

rgb(201, 157, 174)

HSL

hsl(337, 29%, 70%)

HSB

hsb(337, 22%, 79%)

CMYK

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

Oklch

oklch(74.2% 0.057 353.5)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#EEDCE5

Rouge · Linen · Cherry Blossom

HEX

#EEDCE5

RGB

rgb(238, 220, 229)

HSL

hsl(330, 35%, 90%)

HSB

hsb(330, 8%, 93%)

CMYK

cmyk(0%, 8%, 4%, 7%)

Oklch

oklch(91.2% 0.023 345.8)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#F1F1D6

Fresh Green · Beige · Lemon Cream

HEX

#F1F1D6

RGB

rgb(241, 241, 214)

HSL

hsl(60, 49%, 89%)

HSB

hsb(60, 11%, 95%)

CMYK

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

Oklch

oklch(95.1% 0.035 107.1)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#F1E6D6

Goose Yellow · Beige · Peach Orange

HEX

#F1E6D6

RGB

rgb(241, 230, 214)

HSL

hsl(36, 49%, 89%)

HSB

hsb(36, 11%, 95%)

CMYK

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

Oklch

oklch(92.9% 0.024 77.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B08A9D

8CB19E

Analogous

B18CB1

B08A9D

B18C8C

Triadic

B08A9D

9EB18C

8C9EB1

Split-Comp.

B08A9D

8CB18C

8CB1B1

Tetradic

B08A9D

B1B18C

8CB19E

8C8CB1

Contrast Matrix WCAG 2.1 Contrast

B08A9D	C99DAE	EEDCE5	F1F1D6	F1E6D6
—	1.3 Fail	2.3 Fail	2.6 Fail	2.4 Fail
1.3 Fail	—	1.8 Fail	2.1 Fail	1.9 Fail
2.3 Fail	1.8 Fail	—	1.1 Fail	1.1 Fail
2.6 Fail	2.1 Fail	1.1 Fail	—	1.1 Fail
2.4 Fail	1.9 Fail	1.1 Fail	1.1 Fail	—

White BG

3.0AA Large

2.4Fail

1.3Fail

1.1Fail

1.2Fail

Black BG

7.0AA

8.9AAA

16.0AAA

18.3AAA

17.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A09F98

B6B6AA

E6E6E3

F1F1DD

ECECDA

Deuteranopia

A2A597

B9BCA9

E7E9E2

F1F1DE

EDEEDB

Tritanopia

AE9594

C7A7A6

EDE1E1

F1E2E3

F0DDDE

Achromatopsia

989898

ACACAC

E2E2E2

EEEEEE

E7E7E7

Shades & Tints Shades & Tints

#B08A9D

Dark

Light

#C99DAE

Dark

Light

#EEDCE5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b08a9d;
  --color-2: #c99dae;
  --color-3: #eedce5;
  --color-4: #f1f1d6;
  --color-5: #f1e6d6;
}

SCSS

$color-1: #b08a9d;
$color-2: #c99dae;
$color-3: #eedce5;
$color-4: #f1f1d6;
$color-5: #f1e6d6;

TAILWIND

colors: {
  'brand-1': '#b08a9d',
  'brand-2': '#c99dae',
  'brand-3': '#eedce5',
  'brand-4': '#f1f1d6',
  'brand-5': '#f1e6d6',
}

RGB Array

[176, 138, 157], [201, 157, 174], [238, 220, 229], [241, 241, 214], [241, 230, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #B08A9D, #C99DAE, #EEDCE5, #F1F1D6, #F1E6D6 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: #b08a9d; --color-2: #c99dae; --color-3: #eedce5; --color-4: #f1f1d6; --color-5: #f1e6d6. 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