#90A3E1 + #E9EBAA + #E1D890 + #E1C590 + #BECACE · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#90A3E1

Azure · SkyBlue · Cobalt Blue

HEX

#90A3E1

RGB

rgb(144, 163, 225)

HSL

hsl(226, 57%, 72%)

HSB

hsb(226, 36%, 88%)

CMYK

cmyk(36%, 28%, 0%, 12%)

Oklch

oklch(72.4% 0.093 270.8)

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

#E9EBAA

Fresh Green · Wheat · Lemon Cream

HEX

#E9EBAA

RGB

rgb(233, 235, 170)

HSL

hsl(62, 62%, 79%)

HSB

hsb(62, 28%, 92%)

CMYK

cmyk(1%, 0%, 28%, 8%)

Oklch

oklch(92.3% 0.084 109.4)

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

#E1D890

Fresh Green · Khaki · Sunflower

HEX

#E1D890

RGB

rgb(225, 216, 144)

HSL

hsl(53, 57%, 72%)

HSB

hsb(53, 36%, 88%)

CMYK

cmyk(0%, 4%, 36%, 12%)

Oklch

oklch(87.3% 0.092 102.0)

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

#E1C590

Goose Yellow · BurlyWood · Warm Sun

HEX

#E1C590

RGB

rgb(225, 197, 144)

HSL

hsl(39, 57%, 72%)

HSB

hsb(39, 36%, 88%)

CMYK

cmyk(0%, 12%, 36%, 12%)

Oklch

oklch(83.5% 0.076 83.1)

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

#BECACE

Sky Blue · Silver · Glacier Blue

HEX

#BECACE

RGB

rgb(190, 202, 206)

HSL

hsl(195, 14%, 78%)

HSB

hsb(195, 8%, 81%)

CMYK

cmyk(8%, 2%, 0%, 19%)

Oklch

oklch(83.1% 0.014 219.6)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

90A3E1

E0CD8F

Analogous

8FCBE0

90A3E1

A58FE0

Triadic

90A3E1

E08FA2

A2E08F

Split-Comp.

90A3E1

E0A58F

CBE08F

Tetradic

90A3E1

E08FCB

E0CD8F

8FE0A5

Contrast Matrix WCAG 2.1 Contrast

90A3E1	E9EBAA	E1D890	E1C590	BECACE
—	2.0 Fail	1.7 Fail	1.5 Fail	1.5 Fail
2.0 Fail	—	1.2 Fail	1.3 Fail	1.4 Fail
1.7 Fail	1.2 Fail	—	1.1 Fail	1.2 Fail
1.5 Fail	1.3 Fail	1.1 Fail	—	1.0 Fail
1.5 Fail	1.4 Fail	1.2 Fail	1.0 Fail	—

White BG

2.5Fail

1.2Fail

1.5Fail

1.7Fail

Black BG

8.5AAA

16.9AAA

14.4AAA

12.6AAA

12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9898D2

EAEABA

DDDDA1

D5D59D

C3C3CD

Deuteranopia

9796CE

EAEABE

DEDEA6

D7D9A0

C3C2CD

Tritanopia

91C6C4

E9C6C9

E1AFB2

E0A7A9

BFCCCC

Achromatopsia

A4A4A4

E3E3E3

D2D2D2

C7C7C7

Shades & Tints Shades & Tints

#90A3E1

Dark

Light

#E9EBAA

Dark

Light

#E1D890

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #90a3e1;
  --color-2: #e9ebaa;
  --color-3: #e1d890;
  --color-4: #e1c590;
  --color-5: #becace;
}

SCSS

$color-1: #90a3e1;
$color-2: #e9ebaa;
$color-3: #e1d890;
$color-4: #e1c590;
$color-5: #becace;

TAILWIND

colors: {
  'brand-1': '#90a3e1',
  'brand-2': '#e9ebaa',
  'brand-3': '#e1d890',
  'brand-4': '#e1c590',
  'brand-5': '#becace',
}

RGB Array

[144, 163, 225], [233, 235, 170], [225, 216, 144], [225, 197, 144], [190, 202, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #90A3E1, #E9EBAA, #E1D890, #E1C590, #BECACE 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: #90a3e1; --color-2: #e9ebaa; --color-3: #e1d890; --color-4: #e1c590; --color-5: #becace. 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