← Back to Editor

#EDECBD · #B7B28D · #756A4D · #C33E5E · #FE2E60

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

#EDECBD

Fresh Green · Wheat · Lemon Cream

HEX
#EDECBD
RGB
rgb(237, 236, 189)
HSL
hsl(59, 57%, 84%)
HSB
hsb(59, 20%, 93%)
CMYK
cmyk(0%, 0%, 20%, 7%)
Oklch
oklch(93.2% 0.061 106.5)

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

#B7B28D

Fresh Green · Tan · Sunflower

HEX
#B7B28D
RGB
rgb(183, 178, 141)
HSL
hsl(53, 23%, 64%)
HSB
hsb(53, 23%, 72%)
CMYK
cmyk(0%, 3%, 23%, 28%)
Oklch
oklch(75.8% 0.051 101.1)

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

#756A4D

Ochre · DimGray · Honey Gold

HEX
#756A4D
RGB
rgb(117, 106, 77)
HSL
hsl(44, 21%, 38%)
HSB
hsb(44, 34%, 46%)
CMYK
cmyk(0%, 9%, 34%, 54%)
Oklch
oklch(52.7% 0.045 89.7)

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

#C33E5E

Crimson · MediumVioletRed · Passion Red

HEX
#C33E5E
RGB
rgb(195, 62, 94)
HSL
hsl(346, 53%, 50%)
HSB
hsb(346, 68%, 76%)
CMYK
cmyk(0%, 68%, 52%, 24%)
Oklch
oklch(56.3% 0.169 10.1)

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

#FE2E60

Vermilion · Crimson · Passion Red

HEX
#FE2E60
RGB
rgb(254, 46, 96)
HSL
hsl(346, 99%, 59%)
HSB
hsb(346, 82%, 100%)
CMYK
cmyk(0%, 82%, 62%, 0%)
Oklch
oklch(65.0% 0.237 14.6)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDECBD
BFC0ED

Analogous

EDD5BF
EDECBD
D7EDBF

Triadic

EDECBD
BFEDED
EDBFED

Split-Comp.

EDECBD
BFD7ED
D5BFED

Tetradic

EDECBD
BFEDD5
BFC0ED
EDBFD7

Contrast Matrix WCAG 2.1 Contrast

EDECBD
B7B28D
756A4D
C33E5E
FE2E60
—
1.8
Fail
4.4
AA Large
4.2
AA Large
3.0
AA Large
1.8
Fail
—
2.5
Fail
2.3
Fail
1.7
Fail
4.4
AA Large
2.5
Fail
—
1.1
Fail
1.5
Fail
4.2
AA Large
2.3
Fail
1.1
Fail
—
1.4
Fail
3.0
AA Large
1.7
Fail
1.5
Fail
1.4
Fail
—
White BG
1.2Fail
2.2Fail
5.4AA
5.0AA
3.6AA Large
Black BG
17.3AAA
9.8AAA
3.9AA Large
4.2AA Large
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDC8
B5B596
707054
898856
A4A254

Deuteranopia

EDEDCB
B5B698
717256
919B54
B0C051

Tritanopia

EDD1D3
B79D9F
745A5B
BC504F
F44A48

Achromatopsia

E7E7E7
AFAFAF
6A6A6A
696969
727272

Shades & Tints Shades & Tints

#EDECBD

Dark
Light

#B7B28D

Dark
Light

#756A4D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edecbd;
  --color-2: #b7b28d;
  --color-3: #756a4d;
  --color-4: #c33e5e;
  --color-5: #fe2e60;
}

SCSS

$color-1: #edecbd;
$color-2: #b7b28d;
$color-3: #756a4d;
$color-4: #c33e5e;
$color-5: #fe2e60;

TAILWIND

colors: {
  'brand-1': '#edecbd',
  'brand-2': '#b7b28d',
  'brand-3': '#756a4d',
  'brand-4': '#c33e5e',
  'brand-5': '#fe2e60',
}

RGB Array

[237, 236, 189], [183, 178, 141], [117, 106, 77], [195, 62, 94], [254, 46, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #EDECBD, #B7B28D, #756A4D, #C33E5E, #FE2E60 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: #edecbd; --color-2: #b7b28d; --color-3: #756a4d; --color-4: #c33e5e; --color-5: #fe2e60. 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