← Back to Editor

#90797E · #A389AB · #9BA8BA · #B4D1C3 · #BEE6C8

vintage

A 5-color vintage palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#90797E

Crimson · Gray · Warm Gray

HEX
#90797E
RGB
rgb(144, 121, 126)
HSL
hsl(347, 9%, 52%)
HSB
hsb(347, 16%, 56%)
CMYK
cmyk(0%, 16%, 12%, 44%)
Oklch
oklch(59.9% 0.029 3.3)

Traditional「Crimson」· Paint「Warm Gray」· Creative Urban Concrete

#A389AB

Dark Plum · DarkGray · Violet

HEX
#A389AB
RGB
rgb(163, 137, 171)
HSL
hsl(286, 17%, 60%)
HSB
hsb(286, 20%, 67%)
CMYK
cmyk(5%, 20%, 0%, 33%)
Oklch
oklch(66.5% 0.058 318.2)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#9BA8BA

Azure · DarkGray · Cobalt Blue

HEX
#9BA8BA
RGB
rgb(155, 168, 186)
HSL
hsl(215, 18%, 67%)
HSB
hsb(215, 17%, 73%)
CMYK
cmyk(17%, 10%, 0%, 27%)
Oklch
oklch(72.7% 0.030 256.5)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#B4D1C3

Jade · Silver · Apple Green

HEX
#B4D1C3
RGB
rgb(180, 209, 195)
HSL
hsl(151, 24%, 76%)
HSB
hsb(151, 14%, 82%)
CMYK
cmyk(14%, 0%, 7%, 18%)
Oklch
oklch(83.5% 0.037 164.8)

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

#BEE6C8

Celadon · LightGray · Mint Green

HEX
#BEE6C8
RGB
rgb(190, 230, 200)
HSL
hsl(135, 44%, 82%)
HSB
hsb(135, 17%, 90%)
CMYK
cmyk(17%, 0%, 13%, 10%)
Oklch
oklch(88.8% 0.058 152.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

90797E
7A908B

Analogous

907A89
90797E
90807A

Triadic

90797E
7E907A
7A7E90

Split-Comp.

90797E
7A9080
7A8990

Tetradic

90797E
89907A
7A908B
807A90

Contrast Matrix WCAG 2.1 Contrast

90797E
A389AB
9BA8BA
B4D1C3
BEE6C8
—
1.3
Fail
1.7
Fail
2.5
Fail
2.9
Fail
1.3
Fail
—
1.3
Fail
1.9
Fail
2.3
Fail
1.7
Fail
1.3
Fail
—
1.5
Fail
1.8
Fail
2.5
Fail
1.9
Fail
1.5
Fail
—
1.2
Fail
2.9
Fail
2.3
Fail
1.8
Fail
1.2
Fail
—
White BG
4.0AA Large
3.1AA Large
2.4Fail
1.6Fail
1.4Fail
Black BG
5.2AA
6.7AA
8.7AAA
12.8AAA
15.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

86867D
9898A3
A1A1B6
C1C1C6
CFD0CF

Deuteranopia

87897C
999BA1
A09FB5
BFBDC7
CDCAD1

Tritanopia

8F7C7C
A29C9B
9CB2B1
B5C9CA
C0D5D6

Achromatopsia

808080
959595
A6A6A6
C7C7C7
D7D7D7

Shades & Tints Shades & Tints

#90797E

Dark
Light

#A389AB

Dark
Light

#9BA8BA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #90797e;
  --color-2: #a389ab;
  --color-3: #9ba8ba;
  --color-4: #b4d1c3;
  --color-5: #bee6c8;
}

SCSS

$color-1: #90797e;
$color-2: #a389ab;
$color-3: #9ba8ba;
$color-4: #b4d1c3;
$color-5: #bee6c8;

TAILWIND

colors: {
  'brand-1': '#90797e',
  'brand-2': '#a389ab',
  'brand-3': '#9ba8ba',
  'brand-4': '#b4d1c3',
  'brand-5': '#bee6c8',
}

RGB Array

[144, 121, 126], [163, 137, 171], [155, 168, 186], [180, 209, 195], [190, 230, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #90797E, #A389AB, #9BA8BA, #B4D1C3, #BEE6C8 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #90797e; --color-2: #a389ab; --color-3: #9ba8ba; --color-4: #b4d1c3; --color-5: #bee6c8. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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