← Back to Editor

#F5EFE8 · #B8E0C9 · #E6B689 · #AF648E · #3A2F2D

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

#F5EFE8

Goose Yellow · Linen · Peach Orange

HEX
#F5EFE8
RGB
rgb(245, 239, 232)
HSL
hsl(32, 39%, 94%)
HSB
hsb(32, 5%, 96%)
CMYK
cmyk(0%, 2%, 5%, 4%)
Oklch
oklch(95.5% 0.011 71.9)

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

#B8E0C9

Celadon · LightGray · Apple Green

HEX
#B8E0C9
RGB
rgb(184, 224, 201)
HSL
hsl(145, 39%, 80%)
HSB
hsb(145, 18%, 88%)
CMYK
cmyk(18%, 0%, 10%, 12%)
Oklch
oklch(87.2% 0.052 159.9)

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

#E6B689

Apricot · BurlyWood · Warm Sun

HEX
#E6B689
RGB
rgb(230, 182, 137)
HSL
hsl(29, 65%, 72%)
HSB
hsb(29, 40%, 90%)
CMYK
cmyk(0%, 21%, 40%, 10%)
Oklch
oklch(80.9% 0.081 64.4)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#AF648E

Rose Purple · Gray · Rose Pink

HEX
#AF648E
RGB
rgb(175, 100, 142)
HSL
hsl(326, 32%, 54%)
HSB
hsb(326, 43%, 69%)
CMYK
cmyk(0%, 43%, 19%, 31%)
Oklch
oklch(60.1% 0.110 346.2)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#3A2F2D

Crimson · DarkSlateGray · Deep Berry

HEX
#3A2F2D
RGB
rgb(58, 47, 45)
HSL
hsl(9, 13%, 20%)
HSB
hsb(9, 22%, 23%)
CMYK
cmyk(0%, 19%, 22%, 77%)
Oklch
oklch(31.7% 0.017 30.1)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5EFE8
EAEFF6

Analogous

F6EAEA
F5EFE8
F5F6EA

Triadic

F5EFE8
EAF6F0
F0EAF6

Split-Comp.

F5EFE8
EAF5F6
EAEAF6

Tetradic

F5EFE8
EAF6EA
EAEFF6
F6EAF5

Contrast Matrix WCAG 2.1 Contrast

F5EFE8
B8E0C9
E6B689
AF648E
3A2F2D
—
1.3
Fail
1.6
Fail
3.7
AA Large
11.3
AAA
1.3
Fail
—
1.3
Fail
2.9
Fail
9.0
AAA
1.6
Fail
1.3
Fail
—
2.3
Fail
7.0
AAA
3.7
AA Large
2.9
Fail
2.3
Fail
—
3.1
AA Large
11.3
AAA
9.0
AAA
7.0
AAA
3.1
AA Large
—
White BG
1.1Fail
1.4Fail
1.8Fail
4.2AA Large
12.9AAA
Black BG
18.4AAA
14.5AAA
11.4AAA
5.0AA
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F2EA
C9CACF
D1D194
8F8E84
35352D

Deuteranopia

F3F3EA
C7C4D0
D4D897
939981
36372E

Tritanopia

F5EBEB
BAD3D4
E49C9E
AB7C7A
392E2E

Achromatopsia

F0F0F0
D1D1D1
BFBFBF
7F7F7F
323232

Shades & Tints Shades & Tints

#F5EFE8

Dark
Light

#B8E0C9

Dark
Light

#E6B689

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5efe8;
  --color-2: #b8e0c9;
  --color-3: #e6b689;
  --color-4: #af648e;
  --color-5: #3a2f2d;
}

SCSS

$color-1: #f5efe8;
$color-2: #b8e0c9;
$color-3: #e6b689;
$color-4: #af648e;
$color-5: #3a2f2d;

TAILWIND

colors: {
  'brand-1': '#f5efe8',
  'brand-2': '#b8e0c9',
  'brand-3': '#e6b689',
  'brand-4': '#af648e',
  'brand-5': '#3a2f2d',
}

RGB Array

[245, 239, 232], [184, 224, 201], [230, 182, 137], [175, 100, 142], [58, 47, 45]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #F5EFE8, #B8E0C9, #E6B689, #AF648E, #3A2F2D 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: #f5efe8; --color-2: #b8e0c9; --color-3: #e6b689; --color-4: #af648e; --color-5: #3a2f2d. 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