← Back to Editor

#FEEBD6 · #F63319 · #CEB43B · #43B3AE · #14111D

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

#FEEBD6

Goose Yellow · Beige · Peach Orange

HEX
#FEEBD6
RGB
rgb(254, 235, 214)
HSL
hsl(31, 95%, 92%)
HSB
hsb(31, 16%, 100%)
CMYK
cmyk(0%, 7%, 16%, 0%)
Oklch
oklch(95.0% 0.035 70.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F63319

Vermilion · OrangeRed · Passion Red

HEX
#F63319
RGB
rgb(246, 51, 25)
HSL
hsl(7, 92%, 53%)
HSB
hsb(7, 90%, 96%)
CMYK
cmyk(0%, 79%, 90%, 4%)
Oklch
oklch(63.1% 0.232 31.0)

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

#CEB43B

Ginger · GoldenRod · Sunflower

HEX
#CEB43B
RGB
rgb(206, 180, 59)
HSL
hsl(49, 60%, 52%)
HSB
hsb(49, 71%, 81%)
CMYK
cmyk(0%, 13%, 71%, 19%)
Oklch
oklch(77.1% 0.139 96.7)

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

#43B3AE

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#43B3AE
RGB
rgb(67, 179, 174)
HSL
hsl(177, 46%, 48%)
HSB
hsb(177, 63%, 70%)
CMYK
cmyk(63%, 0%, 3%, 30%)
Oklch
oklch(70.3% 0.100 191.0)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#14111D

Deep Indigo · Black · Deep Sea Blue

HEX
#14111D
RGB
rgb(20, 17, 29)
HSL
hsl(255, 26%, 9%)
HSB
hsb(255, 41%, 11%)
CMYK
cmyk(31%, 41%, 0%, 89%)
Oklch
oklch(18.7% 0.024 295.4)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEEBD6
D7EAFE

Analogous

FED8D7
FEEBD6
FDFED7

Triadic

FEEBD6
D7FEEB
EBD7FE

Split-Comp.

FEEBD6
D7FDFE
D8D7FE

Tetradic

FEEBD6
D7FED8
D7EAFE
FED7FD

Contrast Matrix WCAG 2.1 Contrast

FEEBD6
F63319
CEB43B
43B3AE
14111D
—
3.3
AA Large
1.8
Fail
2.2
Fail
16.0
AAA
3.3
AA Large
—
1.9
Fail
1.5
Fail
4.8
AA
1.8
Fail
1.9
Fail
—
1.2
Fail
9.1
AAA
2.2
Fail
1.5
Fail
1.2
Fail
—
7.4
AAA
16.0
AAA
4.8
AA
9.1
AAA
7.4
AAA
—
White BG
1.2Fail
3.9AA Large
2.1Fail
2.5Fail
18.6AAA
Black BG
18.1AAA
5.4AA
10.2AAA
8.3AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6DB
A2A01F
C3C358
7375AF
13131A

Deuteranopia

F7F8DC
ADBC21
C4C65F
6D65B0
131319

Tritanopia

FDDFE0
EC2425
CD6F74
49B0B0
141817

Achromatopsia

EEEEEE
6A6A6A
AEAEAE
919191
131313

Shades & Tints Shades & Tints

#FEEBD6

Dark
Light

#F63319

Dark
Light

#CEB43B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #feebd6;
  --color-2: #f63319;
  --color-3: #ceb43b;
  --color-4: #43b3ae;
  --color-5: #14111d;
}

SCSS

$color-1: #feebd6;
$color-2: #f63319;
$color-3: #ceb43b;
$color-4: #43b3ae;
$color-5: #14111d;

TAILWIND

colors: {
  'brand-1': '#feebd6',
  'brand-2': '#f63319',
  'brand-3': '#ceb43b',
  'brand-4': '#43b3ae',
  'brand-5': '#14111d',
}

RGB Array

[254, 235, 214], [246, 51, 25], [206, 180, 59], [67, 179, 174], [20, 17, 29]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #FEEBD6, #F63319, #CEB43B, #43B3AE, #14111D 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: #feebd6; --color-2: #f63319; --color-3: #ceb43b; --color-4: #43b3ae; --color-5: #14111d. 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