#C6DFCE + #EDEED5 + #EDDAC6 + #E7C6C9 + #BEAABE · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#C6DFCE

Celadon · LightGray · Mint Green

HEX

#C6DFCE

RGB

rgb(198, 223, 206)

HSL

hsl(139, 28%, 83%)

HSB

hsb(139, 11%, 87%)

CMYK

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

Oklch

oklch(88.0% 0.035 155.9)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#EDEED5

Fresh Green · Beige · Lemon Cream

HEX

#EDEED5

RGB

rgb(237, 238, 213)

HSL

hsl(62, 42%, 88%)

HSB

hsb(62, 11%, 93%)

CMYK

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

Oklch

oklch(94.2% 0.033 108.9)

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

#EDDAC6

Goose Yellow · Bisque · Peach Orange

HEX

#EDDAC6

RGB

rgb(237, 218, 198)

HSL

hsl(31, 52%, 85%)

HSB

hsb(31, 16%, 93%)

CMYK

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

Oklch

oklch(89.9% 0.034 68.8)

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

#E7C6C9

Peach Pink · Pink · Cherry Blossom

HEX

#E7C6C9

RGB

rgb(231, 198, 201)

HSL

hsl(355, 41%, 84%)

HSB

hsb(355, 14%, 91%)

CMYK

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

Oklch

oklch(85.5% 0.038 11.7)

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

#BEAABE

Mauve · Silver · Lilac Purple

HEX

#BEAABE

RGB

rgb(190, 170, 190)

HSL

hsl(300, 13%, 71%)

HSB

hsb(300, 11%, 75%)

CMYK

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

Oklch

oklch(76.1% 0.036 325.9)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6DFCE

E0C8D8

Analogous

CCE0C8

C6DFCE

C8E0DB

Triadic

C6DFCE

CFC8E0

E0CFC8

Split-Comp.

C6DFCE

DBC8E0

E0C8CC

Tetradic

C6DFCE

C8CCE0

E0C8D8

E0DBC8

Contrast Matrix WCAG 2.1 Contrast

C6DFCE	EDEED5	EDDAC6	E7C6C9	BEAABE
—	1.2 Fail	1.0 Fail	1.1 Fail	1.5 Fail
1.2 Fail	—	1.2 Fail	1.3 Fail	1.8 Fail
1.0 Fail	1.2 Fail	—	1.2 Fail	1.6 Fail
1.1 Fail	1.3 Fail	1.2 Fail	—	1.4 Fail
1.5 Fail	1.8 Fail	1.6 Fail	1.4 Fail	—

White BG

1.4Fail

1.2Fail

1.4Fail

1.6Fail

2.2Fail

Black BG

14.8AAA

17.8AAA

15.4AAA

13.3AAA

9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D1D2

EDEDDB

E5E5CB

D9D8C8

B5B5B9

Deuteranopia

CFCED3

EDEDDD

E6E7CC

DBDDC8

B7B8B8

Tritanopia

C7D5D6

EDE0E1

ECCFD0

E5C8C8

BDB5B5

Achromatopsia

D6D6D6

EBEBEB

DDDDDD

D0D0D0

B2B2B2

Shades & Tints Shades & Tints

#C6DFCE

Dark

Light

#EDEED5

Dark

Light

#EDDAC6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6dfce;
  --color-2: #edeed5;
  --color-3: #eddac6;
  --color-4: #e7c6c9;
  --color-5: #beaabe;
}

SCSS

$color-1: #c6dfce;
$color-2: #edeed5;
$color-3: #eddac6;
$color-4: #e7c6c9;
$color-5: #beaabe;

TAILWIND

colors: {
  'brand-1': '#c6dfce',
  'brand-2': '#edeed5',
  'brand-3': '#eddac6',
  'brand-4': '#e7c6c9',
  'brand-5': '#beaabe',
}

RGB Array

[198, 223, 206], [237, 238, 213], [237, 218, 198], [231, 198, 201], [190, 170, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #C6DFCE, #EDEED5, #EDDAC6, #E7C6C9, #BEAABE 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: #c6dfce; --color-2: #edeed5; --color-3: #eddac6; --color-4: #e7c6c9; --color-5: #beaabe. 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