#6EC9B8 + #BDB1B3 + #EEA99E + #EFB880 + #D0D476 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#6EC9B8

Jade · MediumAquaMarine · Lake Green

HEX

#6EC9B8

RGB

rgb(110, 201, 184)

HSL

hsl(169, 46%, 61%)

HSB

hsb(169, 45%, 79%)

CMYK

cmyk(45%, 0%, 8%, 21%)

Oklch

oklch(77.4% 0.091 180.2)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#BDB1B3

Peach Pink · Silver · Pearl Gray

HEX

#BDB1B3

RGB

rgb(189, 177, 179)

HSL

hsl(350, 8%, 72%)

HSB

hsb(350, 6%, 74%)

CMYK

cmyk(0%, 6%, 5%, 26%)

Oklch

oklch(77.1% 0.014 5.9)

Traditional「Peach Pink」· Paint「Pearl Gray」· Creative Silver Lining

#EEA99E

Peach Pink · BurlyWood · Coral Red

HEX

#EEA99E

RGB

rgb(238, 169, 158)

HSL

hsl(8, 70%, 78%)

HSB

hsb(8, 34%, 93%)

CMYK

cmyk(0%, 29%, 34%, 7%)

Oklch

oklch(79.8% 0.084 29.2)

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

#EFB880

Goose Yellow · BurlyWood · Warm Sun

HEX

#EFB880

RGB

rgb(239, 184, 128)

HSL

hsl(30, 78%, 72%)

HSB

hsb(30, 46%, 94%)

CMYK

cmyk(0%, 23%, 46%, 6%)

Oklch

oklch(82.0% 0.096 66.3)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#D0D476

Fresh Green · BurlyWood · Sunflower

HEX

#D0D476

RGB

rgb(208, 212, 118)

HSL

hsl(63, 52%, 65%)

HSB

hsb(63, 44%, 83%)

CMYK

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

Oklch

oklch(84.7% 0.118 110.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6EC9B8

C96E7F

Analogous

6EC98B

6EC9B8

6EACC9

Triadic

6EC9B8

B96EC9

C9B96E

Split-Comp.

6EC9B8

C96EAC

C98B6E

Tetradic

6EC9B8

8B6EC9

C96E7F

ACC96E

Contrast Matrix WCAG 2.1 Contrast

6EC9B8	BDB1B3	EEA99E	EFB880	D0D476
—	1.1 Fail	1.0 Fail	1.1 Fail	1.2 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.3 Fail
1.0 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.1 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.2 Fail	1.3 Fail	1.2 Fail	1.1 Fail	—

White BG

2.0Fail

2.1Fail

1.9Fail

1.8Fail

1.6Fail

Black BG

10.7AAA

10.1AAA

10.8AAA

11.8AAA

13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9596BC

B8B8B3

D0D0A1

D7D78E

D2D28D

Deuteranopia

9089BD

B9B9B2

D4D9A1

DADE91

D2D192

Tritanopia

73BFC0

BCB2B2

EBA3A3

EC989B

D09FA3

Achromatopsia

ACACAC

B5B5B5

BCBCBC

C2C2C2

C8C8C8

Shades & Tints Shades & Tints

#6EC9B8

Dark

Light

#BDB1B3

Dark

Light

#EEA99E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6ec9b8;
  --color-2: #bdb1b3;
  --color-3: #eea99e;
  --color-4: #efb880;
  --color-5: #d0d476;
}

SCSS

$color-1: #6ec9b8;
$color-2: #bdb1b3;
$color-3: #eea99e;
$color-4: #efb880;
$color-5: #d0d476;

TAILWIND

colors: {
  'brand-1': '#6ec9b8',
  'brand-2': '#bdb1b3',
  'brand-3': '#eea99e',
  'brand-4': '#efb880',
  'brand-5': '#d0d476',
}

RGB Array

[110, 201, 184], [189, 177, 179], [238, 169, 158], [239, 184, 128], [208, 212, 118]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #6EC9B8, #BDB1B3, #EEA99E, #EFB880, #D0D476 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: #6ec9b8; --color-2: #bdb1b3; --color-3: #eea99e; --color-4: #efb880; --color-5: #d0d476. 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