← Back to Editor

#FFF5DA · #91A687 · #908253 · #51342C · #B86D50

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

#FFF5DA

Goose Yellow · Beige · Lemon Cream

HEX
#FFF5DA
RGB
rgb(255, 245, 218)
HSL
hsl(44, 100%, 93%)
HSB
hsb(44, 15%, 100%)
CMYK
cmyk(0%, 4%, 15%, 0%)
Oklch
oklch(97.1% 0.037 90.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#91A687

Celadon · DarkSeaGreen · Olive Green

HEX
#91A687
RGB
rgb(145, 166, 135)
HSL
hsl(101, 15%, 59%)
HSB
hsb(101, 19%, 65%)
CMYK
cmyk(13%, 0%, 19%, 35%)
Oklch
oklch(70.0% 0.050 135.6)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#908253

Ochre · Gray · Honey Gold

HEX
#908253
RGB
rgb(144, 130, 83)
HSL
hsl(46, 27%, 45%)
HSB
hsb(46, 42%, 56%)
CMYK
cmyk(0%, 10%, 42%, 44%)
Oklch
oklch(60.8% 0.067 93.4)

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

#51342C

Crimson · DarkOliveGreen · Wine Red

HEX
#51342C
RGB
rgb(81, 52, 44)
HSL
hsl(13, 30%, 25%)
HSB
hsb(13, 46%, 32%)
CMYK
cmyk(0%, 36%, 46%, 68%)
Oklch
oklch(35.7% 0.045 36.1)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#B86D50

Tangerine · Sienna · Warm Sun

HEX
#B86D50
RGB
rgb(184, 109, 80)
HSL
hsl(17, 42%, 52%)
HSB
hsb(17, 57%, 72%)
CMYK
cmyk(0%, 41%, 57%, 28%)
Oklch
oklch(61.1% 0.105 41.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFF5DA
DBE5FF

Analogous

FFE4DB
FFF5DA
F7FFDB

Triadic

FFF5DA
DBFFF5
F5DBFF

Split-Comp.

FFF5DA
DBF7FF
E4DBFF

Tetradic

FFF5DA
DBFFE4
DBE5FF
FFDBF7

Contrast Matrix WCAG 2.1 Contrast

FFF5DA
91A687
908253
51342C
B86D50
—
2.4
Fail
3.5
AA Large
10.3
AAA
3.6
AA Large
2.4
Fail
—
1.5
Fail
4.3
AA Large
1.5
Fail
3.5
AA Large
1.5
Fail
—
2.9
Fail
1.0
Fail
10.3
AAA
4.3
AA Large
2.9
Fail
—
2.8
Fail
3.6
AA Large
1.5
Fail
1.0
Fail
2.8
Fail
—
White BG
1.1Fail
2.6Fail
3.8AA Large
11.2AAA
3.9AA Large
Black BG
19.3AAA
8.0AAA
5.5AA
1.9Fail
5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FBFBE1
9A9A8F
8A8A5E
44442E
989757

Deuteranopia

FBFCE2
999790
8B8C61
46482E
9CA159

Tritanopia

FFE6E7
929496
8F6769
502F30
B45D5E

Achromatopsia

F5F5F5
9C9C9C
818181
3C3C3C
808080

Shades & Tints Shades & Tints

#FFF5DA

Dark
Light

#91A687

Dark
Light

#908253

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fff5da;
  --color-2: #91a687;
  --color-3: #908253;
  --color-4: #51342c;
  --color-5: #b86d50;
}

SCSS

$color-1: #fff5da;
$color-2: #91a687;
$color-3: #908253;
$color-4: #51342c;
$color-5: #b86d50;

TAILWIND

colors: {
  'brand-1': '#fff5da',
  'brand-2': '#91a687',
  'brand-3': '#908253',
  'brand-4': '#51342c',
  'brand-5': '#b86d50',
}

RGB Array

[255, 245, 218], [145, 166, 135], [144, 130, 83], [81, 52, 44], [184, 109, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #FFF5DA, #91A687, #908253, #51342C, #B86D50 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #fff5da; --color-2: #91a687; --color-3: #908253; --color-4: #51342c; --color-5: #b86d50. 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. 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