← Back to Editor

#4C3140 · #FB796B · #B37A67 · #F3D29F · #9CAB98

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

#4C3140

Rose Purple · DarkSlateGray · Raspberry

HEX
#4C3140
RGB
rgb(76, 49, 64)
HSL
hsl(327, 22%, 25%)
HSB
hsb(327, 36%, 30%)
CMYK
cmyk(0%, 36%, 16%, 70%)
Oklch
oklch(35.1% 0.045 345.3)

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

#FB796B

Peach Pink · Salmon · Coral Red

HEX
#FB796B
RGB
rgb(251, 121, 107)
HSL
hsl(6, 95%, 70%)
HSB
hsb(6, 57%, 98%)
CMYK
cmyk(0%, 52%, 57%, 2%)
Oklch
oklch(72.5% 0.162 28.0)

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

#B37A67

Tangerine · Gray · Warm Sun

HEX
#B37A67
RGB
rgb(179, 122, 103)
HSL
hsl(15, 33%, 55%)
HSB
hsb(15, 42%, 70%)
CMYK
cmyk(0%, 32%, 42%, 30%)
Oklch
oklch(63.3% 0.077 39.2)

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

#F3D29F

Goose Yellow · Wheat · Peach Orange

HEX
#F3D29F
RGB
rgb(243, 210, 159)
HSL
hsl(36, 78%, 79%)
HSB
hsb(36, 35%, 95%)
CMYK
cmyk(0%, 14%, 35%, 5%)
Oklch
oklch(88.0% 0.076 78.3)

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

#9CAB98

Celadon · DarkGray · Apple Green

HEX
#9CAB98
RGB
rgb(156, 171, 152)
HSL
hsl(107, 10%, 63%)
HSB
hsb(107, 11%, 67%)
CMYK
cmyk(9%, 0%, 11%, 33%)
Oklch
oklch(72.4% 0.032 139.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4C3140
324E3E

Analogous

4C324E
4C3140
4E3233

Triadic

4C3140
414E32
32414E

Split-Comp.

4C3140
334E32
324E4C

Tetradic

4C3140
4E4C32
324E3E
32334E

Contrast Matrix WCAG 2.1 Contrast

4C3140
FB796B
B37A67
F3D29F
9CAB98
—
4.4
AA Large
3.2
AA Large
8.0
AAA
4.8
AA
4.4
AA Large
—
1.4
Fail
1.8
Fail
1.1
Fail
3.2
AA Large
1.4
Fail
—
2.5
Fail
1.5
Fail
8.0
AAA
1.8
Fail
2.5
Fail
—
1.7
Fail
4.8
AA
1.1
Fail
1.5
Fail
1.7
Fail
—
White BG
11.5AAA
2.6Fail
3.6AA Large
1.4Fail
2.4Fail
Black BG
1.8Fail
8.0AAA
5.9AA
14.5AAA
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

40403C
C3C26E
9A9A6C
E5E4AB
A2A39D

Deuteranopia

42443C
CAD46F
9EA26D
E7E9AE
A2A19E

Tritanopia

4B3A39
F57172
B06F70
F1B5B7
9DA0A1

Achromatopsia

3B3B3B
9E9E9E
898989
D6D6D6
A4A4A4

Shades & Tints Shades & Tints

#4C3140

Dark
Light

#FB796B

Dark
Light

#B37A67

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4c3140;
  --color-2: #fb796b;
  --color-3: #b37a67;
  --color-4: #f3d29f;
  --color-5: #9cab98;
}

SCSS

$color-1: #4c3140;
$color-2: #fb796b;
$color-3: #b37a67;
$color-4: #f3d29f;
$color-5: #9cab98;

TAILWIND

colors: {
  'brand-1': '#4c3140',
  'brand-2': '#fb796b',
  'brand-3': '#b37a67',
  'brand-4': '#f3d29f',
  'brand-5': '#9cab98',
}

RGB Array

[76, 49, 64], [251, 121, 107], [179, 122, 103], [243, 210, 159], [156, 171, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #4C3140, #FB796B, #B37A67, #F3D29F, #9CAB98 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: #4c3140; --color-2: #fb796b; --color-3: #b37a67; --color-4: #f3d29f; --color-5: #9cab98. 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