#9BB3AC + #94D19A + #DBCD6E + #BAC7B3 + #E0DCC3 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#9BB3AC

Jade · DarkGray · Lake Green

HEX

#9BB3AC

RGB

rgb(155, 179, 172)

HSL

hsl(163, 14%, 65%)

HSB

hsb(163, 13%, 70%)

CMYK

cmyk(13%, 0%, 4%, 30%)

Oklch

oklch(74.6% 0.028 176.0)

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

#94D19A

Celadon · DarkSeaGreen · Apple Green

HEX

#94D19A

RGB

rgb(148, 209, 154)

HSL

hsl(126, 40%, 70%)

HSB

hsb(126, 29%, 82%)

CMYK

cmyk(29%, 0%, 26%, 18%)

Oklch

oklch(80.5% 0.099 147.1)

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

#DBCD6E

Fresh Green · BurlyWood · Sunflower

HEX

#DBCD6E

RGB

rgb(219, 205, 110)

HSL

hsl(52, 60%, 65%)

HSB

hsb(52, 50%, 86%)

CMYK

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

Oklch

oklch(84.0% 0.118 101.0)

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

#BAC7B3

Celadon · Silver · Apple Green

HEX

#BAC7B3

RGB

rgb(186, 199, 179)

HSL

hsl(99, 15%, 74%)

HSB

hsb(99, 10%, 78%)

CMYK

cmyk(7%, 0%, 10%, 22%)

Oklch

oklch(81.4% 0.031 134.4)

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

#E0DCC3

Fresh Green · LightGray · Lemon Cream

HEX

#E0DCC3

RGB

rgb(224, 220, 195)

HSL

hsl(52, 32%, 82%)

HSB

hsb(52, 13%, 88%)

CMYK

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

Oklch

oklch(89.1% 0.034 99.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9BB3AC

B299A0

Analogous

99B29F

9BB3AC

99ADB2

Triadic

9BB3AC

AB99B2

B2AB99

Split-Comp.

9BB3AC

B299AD

B29F99

Tetradic

9BB3AC

9F99B2

B299A0

ADB299

Contrast Matrix WCAG 2.1 Contrast

9BB3AC	94D19A	DBCD6E	BAC7B3	E0DCC3
—	1.3 Fail	1.4 Fail	1.3 Fail	1.6 Fail
1.3 Fail	—	1.1 Fail	1.0 Fail	1.3 Fail
1.4 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.3 Fail	1.0 Fail	1.1 Fail	—	1.3 Fail
1.6 Fail	1.3 Fail	1.2 Fail	1.3 Fail	—

White BG

2.2Fail

1.8Fail

1.6Fail

1.8Fail

1.4Fail

Black BG

9.4AAA

11.8AAA

13.0AAA

11.9AAA

15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A6AE

AEAFA7

D5D585

C0C0B8

DEDEC9

Deuteranopia

A4A2AE

ABA6AB

D6D78B

BFBEB9

DFDFCB

Tritanopia

9CAFAF

97B2B4

DA979B

BBBCBD

E0CECF

Achromatopsia

ABABAB

B8B8B8

C6C6C6

C1C1C1

DADADA

Shades & Tints Shades & Tints

#9BB3AC

Dark

Light

#94D19A

Dark

Light

#DBCD6E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9bb3ac;
  --color-2: #94d19a;
  --color-3: #dbcd6e;
  --color-4: #bac7b3;
  --color-5: #e0dcc3;
}

SCSS

$color-1: #9bb3ac;
$color-2: #94d19a;
$color-3: #dbcd6e;
$color-4: #bac7b3;
$color-5: #e0dcc3;

TAILWIND

colors: {
  'brand-1': '#9bb3ac',
  'brand-2': '#94d19a',
  'brand-3': '#dbcd6e',
  'brand-4': '#bac7b3',
  'brand-5': '#e0dcc3',
}

RGB Array

[155, 179, 172], [148, 209, 154], [219, 205, 110], [186, 199, 179], [224, 220, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #9BB3AC, #94D19A, #DBCD6E, #BAC7B3, #E0DCC3 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: #9bb3ac; --color-2: #94d19a; --color-3: #dbcd6e; --color-4: #bac7b3; --color-5: #e0dcc3. 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