← Back to Editor

#BE3C3C · #CF8958 · #746659 · #D6D7C5 · #66C3B8

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

#BE3C3C

Crimson · Brown · Passion Red

HEX
#BE3C3C
RGB
rgb(190, 60, 60)
HSL
hsl(0, 52%, 49%)
HSB
hsb(0, 68%, 75%)
CMYK
cmyk(0%, 68%, 68%, 25%)
Oklch
oklch(54.5% 0.167 24.5)

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

#CF8958

Tangerine · DarkSalmon · Warm Sun

HEX
#CF8958
RGB
rgb(207, 137, 88)
HSL
hsl(25, 55%, 58%)
HSB
hsb(25, 57%, 81%)
CMYK
cmyk(0%, 34%, 57%, 19%)
Oklch
oklch(69.1% 0.108 54.9)

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

#746659

Tangerine · DimGray · Amber Brown

HEX
#746659
RGB
rgb(116, 102, 89)
HSL
hsl(29, 13%, 40%)
HSB
hsb(29, 23%, 45%)
CMYK
cmyk(0%, 12%, 23%, 55%)
Oklch
oklch(52.0% 0.027 65.1)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#D6D7C5

Fresh Green · LightGray · Lemon Cream

HEX
#D6D7C5
RGB
rgb(214, 215, 197)
HSL
hsl(63, 18%, 81%)
HSB
hsb(63, 8%, 84%)
CMYK
cmyk(0%, 0%, 8%, 16%)
Oklch
oklch(87.3% 0.024 109.5)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#66C3B8

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#66C3B8
RGB
rgb(102, 195, 184)
HSL
hsl(173, 44%, 58%)
HSB
hsb(173, 48%, 76%)
CMYK
cmyk(48%, 0%, 6%, 24%)
Oklch
oklch(75.7% 0.091 185.5)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BE3C3C
3CBEBE

Analogous

BE3C7D
BE3C3C
BE7D3C

Triadic

BE3C3C
3CBE3C
3C3CBE

Split-Comp.

BE3C3C
3CBE7D
3C7DBE

Tetradic

BE3C3C
7DBE3C
3CBEBE
7D3CBE

Contrast Matrix WCAG 2.1 Contrast

BE3C3C
CF8958
746659
D6D7C5
66C3B8
—
1.9
Fail
1.0
Fail
3.7
AA Large
2.6
Fail
1.9
Fail
—
1.9
Fail
2.0
Fail
1.4
Fail
1.0
Fail
1.9
Fail
—
3.8
AA Large
2.7
Fail
3.7
AA Large
2.0
Fail
3.8
AA Large
—
1.4
Fail
2.6
Fail
1.4
Fail
2.7
Fail
1.4
Fail
—
White BG
5.4AA
2.8Fail
5.5AA
1.5Fail
2.1Fail
Black BG
3.9AA Large
7.4AAA
3.8AA Large
14.4AAA
10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

86853C
B1B064
6E6E5C
D6D6C9
8E8FBB

Deuteranopia

8D973C
B5BA67
6F705D
D6D6CA
8982BB

Tritanopia

B83C3C
CB6D6F
735F5F
D6CDCE
6BBDBD

Achromatopsia

636363
989898
696969
D5D5D5
A6A6A6

Shades & Tints Shades & Tints

#BE3C3C

Dark
Light

#CF8958

Dark
Light

#746659

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #be3c3c;
  --color-2: #cf8958;
  --color-3: #746659;
  --color-4: #d6d7c5;
  --color-5: #66c3b8;
}

SCSS

$color-1: #be3c3c;
$color-2: #cf8958;
$color-3: #746659;
$color-4: #d6d7c5;
$color-5: #66c3b8;

TAILWIND

colors: {
  'brand-1': '#be3c3c',
  'brand-2': '#cf8958',
  'brand-3': '#746659',
  'brand-4': '#d6d7c5',
  'brand-5': '#66c3b8',
}

RGB Array

[190, 60, 60], [207, 137, 88], [116, 102, 89], [214, 215, 197], [102, 195, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #BE3C3C, #CF8958, #746659, #D6D7C5, #66C3B8 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: #be3c3c; --color-2: #cf8958; --color-3: #746659; --color-4: #d6d7c5; --color-5: #66c3b8. 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