← Back to Editor

#9A0C0C · #813D5C · #73675D · #A9C5BE · #BED1C7

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

#9A0C0C

Vermilion · DarkRed · Wine Red

HEX
#9A0C0C
RGB
rgb(154, 12, 12)
HSL
hsl(0, 86%, 33%)
HSB
hsb(0, 92%, 60%)
CMYK
cmyk(0%, 92%, 92%, 40%)
Oklch
oklch(43.6% 0.172 28.4)

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

#813D5C

Dark Violet · DimGray · Camellia

HEX
#813D5C
RGB
rgb(129, 61, 92)
HSL
hsl(333, 36%, 37%)
HSB
hsb(333, 53%, 51%)
CMYK
cmyk(0%, 53%, 29%, 49%)
Oklch
oklch(45.8% 0.101 353.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#73675D

Tangerine · DimGray · Amber Brown

HEX
#73675D
RGB
rgb(115, 103, 93)
HSL
hsl(27, 11%, 41%)
HSB
hsb(27, 19%, 45%)
CMYK
cmyk(0%, 10%, 19%, 55%)
Oklch
oklch(52.2% 0.022 62.1)

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

#A9C5BE

Jade · Silver · Lake Green

HEX
#A9C5BE
RGB
rgb(169, 197, 190)
HSL
hsl(165, 19%, 72%)
HSB
hsb(165, 14%, 77%)
CMYK
cmyk(14%, 0%, 4%, 23%)
Oklch
oklch(80.1% 0.032 178.7)

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

#BED1C7

Celadon · Silver · Apple Green

HEX
#BED1C7
RGB
rgb(190, 209, 199)
HSL
hsl(148, 17%, 78%)
HSB
hsb(148, 9%, 82%)
CMYK
cmyk(9%, 0%, 5%, 18%)
Oklch
oklch(84.3% 0.025 163.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9A0C0C
0C9D9D

Analogous

9D0C54
9A0C0C
9D540C

Triadic

9A0C0C
0C9D0C
0C0C9D

Split-Comp.

9A0C0C
0C9D54
0C549D

Tetradic

9A0C0C
549D0C
0C9D9D
540C9D

Contrast Matrix WCAG 2.1 Contrast

9A0C0C
813D5C
73675D
A9C5BE
BED1C7
—
1.1
Fail
1.6
Fail
4.7
AA
5.4
AA
1.1
Fail
—
1.4
Fail
4.1
AA Large
4.8
AA
1.6
Fail
1.4
Fail
—
3.0
Fail
3.4
AA Large
4.7
AA
4.1
AA Large
3.0
Fail
—
1.2
Fail
5.4
AA
4.8
AA
3.4
AA Large
1.2
Fail
—
White BG
8.6AAA
7.6AAA
5.5AA
1.8Fail
1.6Fail
Black BG
2.4Fail
2.8Fail
3.8AA Large
11.4AAA
13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5D5B0C
646354
6E6E5F
B5B5C0
C6C6C9

Deuteranopia

656F0C
686D53
6F6F60
B4B1C0
C5C4CA

Tritanopia

930C0C
7E4F4D
726162
AAC1C1
BFCBCC

Achromatopsia

363636
555555
696969
BCBCBC
CACACA

Shades & Tints Shades & Tints

#9A0C0C

Dark
Light

#813D5C

Dark
Light

#73675D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9a0c0c;
  --color-2: #813d5c;
  --color-3: #73675d;
  --color-4: #a9c5be;
  --color-5: #bed1c7;
}

SCSS

$color-1: #9a0c0c;
$color-2: #813d5c;
$color-3: #73675d;
$color-4: #a9c5be;
$color-5: #bed1c7;

TAILWIND

colors: {
  'brand-1': '#9a0c0c',
  'brand-2': '#813d5c',
  'brand-3': '#73675d',
  'brand-4': '#a9c5be',
  'brand-5': '#bed1c7',
}

RGB Array

[154, 12, 12], [129, 61, 92], [115, 103, 93], [169, 197, 190], [190, 209, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #9A0C0C, #813D5C, #73675D, #A9C5BE, #BED1C7 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: #9a0c0c; --color-2: #813d5c; --color-3: #73675d; --color-4: #a9c5be; --color-5: #bed1c7. 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