← Back to Editor

#B89110 · #A1EBDC · #AE7411 · #EAE0AC · #F4FFDD

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 MenuPosterData Visualization

Color Details Color Details

#B89110

Ochre · DarkGoldenRod · Honey Gold

HEX
#B89110
RGB
rgb(184, 145, 16)
HSL
hsl(46, 84%, 39%)
HSB
hsb(46, 91%, 72%)
CMYK
cmyk(0%, 21%, 91%, 28%)
Oklch
oklch(67.4% 0.135 88.9)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#A1EBDC

Jade · LightBlue · Glacier Blue

HEX
#A1EBDC
RGB
rgb(161, 235, 220)
HSL
hsl(168, 65%, 78%)
HSB
hsb(168, 31%, 92%)
CMYK
cmyk(31%, 0%, 6%, 8%)
Oklch
oklch(88.7% 0.076 180.4)

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

#AE7411

Ochre · DarkGoldenRod · Amber Brown

HEX
#AE7411
RGB
rgb(174, 116, 17)
HSL
hsl(38, 82%, 37%)
HSB
hsb(38, 90%, 68%)
CMYK
cmyk(0%, 33%, 90%, 32%)
Oklch
oklch(60.5% 0.124 73.0)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#EAE0AC

Fresh Green · Wheat · Lemon Cream

HEX
#EAE0AC
RGB
rgb(234, 224, 172)
HSL
hsl(50, 60%, 80%)
HSB
hsb(50, 26%, 92%)
CMYK
cmyk(0%, 4%, 26%, 8%)
Oklch
oklch(90.2% 0.068 98.5)

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

#F4FFDD

Willow Green · Beige · Mint Green

HEX
#F4FFDD
RGB
rgb(244, 255, 221)
HSL
hsl(79, 100%, 93%)
HSB
hsb(79, 13%, 100%)
CMYK
cmyk(4%, 0%, 13%, 0%)
Oklch
oklch(98.3% 0.046 121.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B89110
1037B7

Analogous

B73C10
B89110
8AB710

Triadic

B89110
10B790
9010B7

Split-Comp.

B89110
108AB7
3C10B7

Tetradic

B89110
10B73C
1037B7
B7108A

Contrast Matrix WCAG 2.1 Contrast

B89110
A1EBDC
AE7411
EAE0AC
F4FFDD
—
2.2
Fail
1.3
Fail
2.2
Fail
2.8
Fail
2.2
Fail
—
2.9
Fail
1.0
Fail
1.3
Fail
1.3
Fail
2.9
Fail
—
3.0
Fail
3.8
AA Large
2.2
Fail
1.0
Fail
3.0
Fail
—
1.3
Fail
2.8
Fail
1.3
Fail
3.8
AA Large
1.3
Fail
—
White BG
3.0Fail
1.4Fail
4.0AA Large
1.3Fail
1.0Fail
Black BG
7.1AAA
15.4AAA
5.3AA
15.8AAA
20.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A72F
C1C2E0
959429
E6E6B9
F9F9E5

Deuteranopia

A9AC37
BDB7E1
989D2F
E6E7BC
F8F7E7

Tritanopia

B6484D
A5E2E3
AB3C40
E9C3C5
F5ECED

Achromatopsia

8E8E8E
D3D3D3
7A7A7A
DDDDDD
F8F8F8

Shades & Tints Shades & Tints

#B89110

Dark
Light

#A1EBDC

Dark
Light

#AE7411

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b89110;
  --color-2: #a1ebdc;
  --color-3: #ae7411;
  --color-4: #eae0ac;
  --color-5: #f4ffdd;
}

SCSS

$color-1: #b89110;
$color-2: #a1ebdc;
$color-3: #ae7411;
$color-4: #eae0ac;
$color-5: #f4ffdd;

TAILWIND

colors: {
  'brand-1': '#b89110',
  'brand-2': '#a1ebdc',
  'brand-3': '#ae7411',
  'brand-4': '#eae0ac',
  'brand-5': '#f4ffdd',
}

RGB Array

[184, 145, 16], [161, 235, 220], [174, 116, 17], [234, 224, 172], [244, 255, 221]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #B89110, #A1EBDC, #AE7411, #EAE0AC, #F4FFDD is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #b89110; --color-2: #a1ebdc; --color-3: #ae7411; --color-4: #eae0ac; --color-5: #f4ffdd. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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