← Back to Editor

#B3C8A7 · #473334 · #FFEBB9 · #FF806B · #E3536C

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

#B3C8A7

Celadon · Silver · Apple Green

HEX
#B3C8A7
RGB
rgb(179, 200, 167)
HSL
hsl(98, 23%, 72%)
HSB
hsb(98, 16%, 78%)
CMYK
cmyk(11%, 0%, 16%, 22%)
Oklch
oklch(80.8% 0.051 134.1)

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

#473334

Crimson · DarkSlateGray · Wine Red

HEX
#473334
RGB
rgb(71, 51, 52)
HSL
hsl(357, 16%, 24%)
HSB
hsb(357, 28%, 28%)
CMYK
cmyk(0%, 28%, 27%, 72%)
Oklch
oklch(34.4% 0.029 15.4)

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

#FFEBB9

Goose Yellow · Bisque · Lemon Cream

HEX
#FFEBB9
RGB
rgb(255, 235, 185)
HSL
hsl(43, 100%, 86%)
HSB
hsb(43, 27%, 100%)
CMYK
cmyk(0%, 8%, 27%, 0%)
Oklch
oklch(94.4% 0.068 88.8)

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

#FF806B

Peach Pink · Salmon · Coral Red

HEX
#FF806B
RGB
rgb(255, 128, 107)
HSL
hsl(9, 100%, 71%)
HSB
hsb(9, 58%, 100%)
CMYK
cmyk(0%, 50%, 58%, 0%)
Oklch
oklch(74.0% 0.159 30.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E3536C

Peach Pink · Tomato · Coral Red

HEX
#E3536C
RGB
rgb(227, 83, 108)
HSL
hsl(350, 72%, 61%)
HSB
hsb(350, 63%, 89%)
CMYK
cmyk(0%, 63%, 52%, 11%)
Oklch
oklch(64.1% 0.179 13.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B3C8A7
BCA7C8

Analogous

C4C8A7
B3C8A7
A7C8AC

Triadic

B3C8A7
A7B3C8
C8A7B3

Split-Comp.

B3C8A7
ACA7C8
C8A7C4

Tetradic

B3C8A7
A7C4C8
BCA7C8
C8ACA7

Contrast Matrix WCAG 2.1 Contrast

B3C8A7
473334
FFEBB9
FF806B
E3536C
—
6.6
AA
1.5
Fail
1.4
Fail
2.1
Fail
6.6
AA
—
10.0
AAA
4.8
AA
3.2
AA Large
1.5
Fail
10.0
AAA
—
2.1
Fail
3.1
AA Large
1.4
Fail
4.8
AA
2.1
Fail
—
1.5
Fail
2.1
Fail
3.2
AA Large
3.1
AA Large
1.5
Fail
—
White BG
1.8Fail
11.7AAA
1.2Fail
2.5Fail
3.7AA Large
Black BG
11.7AAA
1.8Fail
17.8AAA
8.6AAA
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBCAF
3E3E34
F6F6C5
C8C770
A5A366

Deuteranopia

BBB9B1
404134
F8F9C8
CFD971
ADB865

Tritanopia

B4B5B7
463434
FECFD1
F97475
DC6160

Achromatopsia

BEBEBE
393939
EBEBEB
A4A4A4
818181

Shades & Tints Shades & Tints

#B3C8A7

Dark
Light

#473334

Dark
Light

#FFEBB9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b3c8a7;
  --color-2: #473334;
  --color-3: #ffebb9;
  --color-4: #ff806b;
  --color-5: #e3536c;
}

SCSS

$color-1: #b3c8a7;
$color-2: #473334;
$color-3: #ffebb9;
$color-4: #ff806b;
$color-5: #e3536c;

TAILWIND

colors: {
  'brand-1': '#b3c8a7',
  'brand-2': '#473334',
  'brand-3': '#ffebb9',
  'brand-4': '#ff806b',
  'brand-5': '#e3536c',
}

RGB Array

[179, 200, 167], [71, 51, 52], [255, 235, 185], [255, 128, 107], [227, 83, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #B3C8A7, #473334, #FFEBB9, #FF806B, #E3536C 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: #b3c8a7; --color-2: #473334; --color-3: #ffebb9; --color-4: #ff806b; --color-5: #e3536c. 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