← Back to Editor

#84B595 · #825325 · #ED7320 · #F8B317 · #EBDDA0

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

#84B595

Celadon · DarkSeaGreen · Apple Green

HEX
#84B595
RGB
rgb(132, 181, 149)
HSL
hsl(141, 25%, 61%)
HSB
hsb(141, 27%, 71%)
CMYK
cmyk(27%, 0%, 18%, 29%)
Oklch
oklch(72.9% 0.070 155.7)

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

#825325

Ochre · Sienna · Amber Brown

HEX
#825325
RGB
rgb(130, 83, 37)
HSL
hsl(30, 56%, 33%)
HSB
hsb(30, 72%, 51%)
CMYK
cmyk(0%, 36%, 72%, 49%)
Oklch
oklch(48.6% 0.087 62.4)

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

#ED7320

Tangerine · Chocolate · Warm Sun

HEX
#ED7320
RGB
rgb(237, 115, 32)
HSL
hsl(24, 85%, 53%)
HSB
hsb(24, 86%, 93%)
CMYK
cmyk(0%, 51%, 86%, 7%)
Oklch
oklch(68.8% 0.174 48.8)

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

#F8B317

Ginger · Orange · Sunflower

HEX
#F8B317
RGB
rgb(248, 179, 23)
HSL
hsl(42, 94%, 53%)
HSB
hsb(42, 91%, 97%)
CMYK
cmyk(0%, 28%, 91%, 3%)
Oklch
oklch(81.1% 0.164 79.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#EBDDA0

Goose Yellow · Wheat · Lemon Cream

HEX
#EBDDA0
RGB
rgb(235, 221, 160)
HSL
hsl(49, 65%, 77%)
HSB
hsb(49, 32%, 92%)
CMYK
cmyk(0%, 6%, 32%, 8%)
Oklch
oklch(89.4% 0.080 96.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

84B595
B483A3

Analogous

8AB483
84B595
83B4AD

Triadic

84B595
9483B4
B49483

Split-Comp.

84B595
AD83B4
B4838A

Tetradic

84B595
838AB4
B483A3
B4AD83

Contrast Matrix WCAG 2.1 Contrast

84B595
825325
ED7320
F8B317
EBDDA0
—
2.8
Fail
1.3
Fail
1.3
Fail
1.7
Fail
2.8
Fail
—
2.2
Fail
3.6
AA Large
4.8
AA
1.3
Fail
2.2
Fail
—
1.6
Fail
2.2
Fail
1.3
Fail
3.6
AA Large
1.6
Fail
—
1.3
Fail
1.7
Fail
4.8
AA
2.2
Fail
1.3
Fail
—
White BG
2.3Fail
6.5AA
3.0Fail
1.8Fail
1.4Fail
Black BG
9.0AAA
3.2AA Large
7.1AAA
11.5AAA
15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

999A9D
6E6D30
B8B734
DADA3D
E5E5AF

Deuteranopia

96939F
707433
BFC839
DEE346
E6E7B2

Tritanopia

86A3A4
80393B
E74447
F55B61
EABABD

Achromatopsia

A3A3A3
5C5C5C
8E8E8E
B6B6B6
DADADA

Shades & Tints Shades & Tints

#84B595

Dark
Light

#825325

Dark
Light

#ED7320

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #84b595;
  --color-2: #825325;
  --color-3: #ed7320;
  --color-4: #f8b317;
  --color-5: #ebdda0;
}

SCSS

$color-1: #84b595;
$color-2: #825325;
$color-3: #ed7320;
$color-4: #f8b317;
$color-5: #ebdda0;

TAILWIND

colors: {
  'brand-1': '#84b595',
  'brand-2': '#825325',
  'brand-3': '#ed7320',
  'brand-4': '#f8b317',
  'brand-5': '#ebdda0',
}

RGB Array

[132, 181, 149], [130, 83, 37], [237, 115, 32], [248, 179, 23], [235, 221, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #84B595, #825325, #ED7320, #F8B317, #EBDDA0 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #84b595; --color-2: #825325; --color-3: #ed7320; --color-4: #f8b317; --color-5: #ebdda0. 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 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