← Back to Editor

#BF9253 · #5C5349 · #ADA396 · #BFCDB7 · #E4EBE7

vintage

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPosterData Visualization

Color Details Color Details

#BF9253

Ginger · DarkSalmon · Warm Sun

HEX
#BF9253
RGB
rgb(191, 146, 83)
HSL
hsl(35, 46%, 54%)
HSB
hsb(35, 57%, 75%)
CMYK
cmyk(0%, 24%, 57%, 25%)
Oklch
oklch(68.9% 0.097 74.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#5C5349

Ochre · DarkOliveGreen · Amber Brown

HEX
#5C5349
RGB
rgb(92, 83, 73)
HSL
hsl(32, 12%, 32%)
HSB
hsb(32, 21%, 36%)
CMYK
cmyk(0%, 10%, 21%, 64%)
Oklch
oklch(44.8% 0.020 70.2)

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

#ADA396

Ginger · DarkGray · Warm Sun

HEX
#ADA396
RGB
rgb(173, 163, 150)
HSL
hsl(34, 12%, 63%)
HSB
hsb(34, 13%, 68%)
CMYK
cmyk(0%, 6%, 13%, 32%)
Oklch
oklch(72.0% 0.022 74.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#BFCDB7

Celadon · Silver · Apple Green

HEX
#BFCDB7
RGB
rgb(191, 205, 183)
HSL
hsl(98, 18%, 76%)
HSB
hsb(98, 11%, 80%)
CMYK
cmyk(7%, 0%, 11%, 20%)
Oklch
oklch(83.2% 0.034 134.0)

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

#E4EBE7

Celadon · Lavender · Mint Green

HEX
#E4EBE7
RGB
rgb(228, 235, 231)
HSL
hsl(146, 15%, 91%)
HSB
hsb(146, 3%, 92%)
CMYK
cmyk(3%, 0%, 2%, 8%)
Oklch
oklch(93.4% 0.009 161.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BF9253
5481C0

Analogous

C05D54
BF9253
B7C054

Triadic

BF9253
54C093
9354C0

Split-Comp.

BF9253
54B7C0
5D54C0

Tetradic

BF9253
54C05D
5481C0
C054B7

Contrast Matrix WCAG 2.1 Contrast

BF9253
5C5349
ADA396
BFCDB7
E4EBE7
—
2.7
Fail
1.1
Fail
1.7
Fail
2.3
Fail
2.7
Fail
—
3.0
AA Large
4.5
AA
6.2
AA
1.1
Fail
3.0
AA Large
—
1.5
Fail
2.1
Fail
1.7
Fail
4.5
AA
1.5
Fail
—
1.4
Fail
2.3
Fail
6.2
AA
2.1
Fail
1.4
Fail
—
White BG
2.8Fail
7.5AAA
2.5Fail
1.7Fail
1.2Fail
Black BG
7.5AAA
2.8Fail
8.5AAA
12.6AAA
17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACAB62
58584B
A9A999
C5C5BC
E7E7E8

Deuteranopia

AEB266
59594C
A9AA9A
C4C3BE
E7E6E8

Tritanopia

BD6E71
5C4D4E
AD9C9C
C0C1C1
E4E9E9

Achromatopsia

989898
555555
A5A5A5
C6C6C6
E8E8E8

Shades & Tints Shades & Tints

#BF9253

Dark
Light

#5C5349

Dark
Light

#ADA396

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bf9253;
  --color-2: #5c5349;
  --color-3: #ada396;
  --color-4: #bfcdb7;
  --color-5: #e4ebe7;
}

SCSS

$color-1: #bf9253;
$color-2: #5c5349;
$color-3: #ada396;
$color-4: #bfcdb7;
$color-5: #e4ebe7;

TAILWIND

colors: {
  'brand-1': '#bf9253',
  'brand-2': '#5c5349',
  'brand-3': '#ada396',
  'brand-4': '#bfcdb7',
  'brand-5': '#e4ebe7',
}

RGB Array

[191, 146, 83], [92, 83, 73], [173, 163, 150], [191, 205, 183], [228, 235, 231]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #BF9253, #5C5349, #ADA396, #BFCDB7, #E4EBE7 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #bf9253; --color-2: #5c5349; --color-3: #ada396; --color-4: #bfcdb7; --color-5: #e4ebe7. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 tech, SaaS, healthcare, eco 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