← Back to Editor

#FFE8BB · #BED1BD · #A5C1B3 · #EE4137 · #484A4E

vintage

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPosterData Visualization

Color Details Color Details

#FFE8BB

Goose Yellow · Bisque · Lemon Cream

HEX
#FFE8BB
RGB
rgb(255, 232, 187)
HSL
hsl(40, 100%, 87%)
HSB
hsb(40, 27%, 100%)
CMYK
cmyk(0%, 9%, 27%, 0%)
Oklch
oklch(93.9% 0.063 84.0)

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

#BED1BD

Celadon · Silver · Apple Green

HEX
#BED1BD
RGB
rgb(190, 209, 189)
HSL
hsl(117, 18%, 78%)
HSB
hsb(117, 10%, 82%)
CMYK
cmyk(9%, 0%, 10%, 18%)
Oklch
oklch(84.1% 0.034 143.9)

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

#A5C1B3

Jade · DarkGray · Apple Green

HEX
#A5C1B3
RGB
rgb(165, 193, 179)
HSL
hsl(150, 18%, 70%)
HSB
hsb(150, 15%, 76%)
CMYK
cmyk(15%, 0%, 7%, 24%)
Oklch
oklch(78.6% 0.036 163.9)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#EE4137

Vermilion · Tomato · Passion Red

HEX
#EE4137
RGB
rgb(238, 65, 55)
HSL
hsl(3, 84%, 57%)
HSB
hsb(3, 77%, 93%)
CMYK
cmyk(0%, 73%, 77%, 7%)
Oklch
oklch(63.1% 0.211 28.2)

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

#484A4E

Dark Cyan · DarkSlateGray · Charcoal

HEX
#484A4E
RGB
rgb(72, 74, 78)
HSL
hsl(220, 4%, 29%)
HSB
hsb(220, 8%, 31%)
CMYK
cmyk(8%, 5%, 0%, 69%)
Oklch
oklch(40.9% 0.007 264.5)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFE8BB
BDD3FF

Analogous

FFC8BD
FFE8BB
F4FFBD

Triadic

FFE8BB
BDFFE9
E9BDFF

Split-Comp.

FFE8BB
BDF4FF
C8BDFF

Tetradic

FFE8BB
BDFFC8
BDD3FF
FFBDF4

Contrast Matrix WCAG 2.1 Contrast

FFE8BB
BED1BD
A5C1B3
EE4137
484A4E
—
1.3
Fail
1.6
Fail
3.2
AA Large
7.4
AAA
1.3
Fail
—
1.2
Fail
2.4
Fail
5.5
AA
1.6
Fail
1.2
Fail
—
2.0
Fail
4.6
AA
3.2
AA Large
2.4
Fail
2.0
Fail
—
2.3
Fail
7.4
AAA
5.5
AA
4.6
AA
2.3
Fail
—
White BG
1.2Fail
1.6Fail
1.9Fail
3.9AA Large
8.9AAA
Black BG
17.5AAA
13.0AAA
10.9AAA
5.4AA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F5C6
C6C6C2
B1B1B6
A3A239
49494D

Deuteranopia

F6F8C9
C5C4C3
B0ADB7
ADBA3A
49494D

Tritanopia

FECED0
BFC6C7
A6B9BA
E53B3C
484C4C

Achromatopsia

EAEAEA
C9C9C9
B7B7B7
747474
4A4A4A

Shades & Tints Shades & Tints

#FFE8BB

Dark
Light

#BED1BD

Dark
Light

#A5C1B3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffe8bb;
  --color-2: #bed1bd;
  --color-3: #a5c1b3;
  --color-4: #ee4137;
  --color-5: #484a4e;
}

SCSS

$color-1: #ffe8bb;
$color-2: #bed1bd;
$color-3: #a5c1b3;
$color-4: #ee4137;
$color-5: #484a4e;

TAILWIND

colors: {
  'brand-1': '#ffe8bb',
  'brand-2': '#bed1bd',
  'brand-3': '#a5c1b3',
  'brand-4': '#ee4137',
  'brand-5': '#484a4e',
}

RGB Array

[255, 232, 187], [190, 209, 189], [165, 193, 179], [238, 65, 55], [72, 74, 78]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #FFE8BB, #BED1BD, #A5C1B3, #EE4137, #484A4E 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: #ffe8bb; --color-2: #bed1bd; --color-3: #a5c1b3; --color-4: #ee4137; --color-5: #484a4e. 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