← Back to Editor

#C8EBC5 · #A7A198 · #87566C · #660C3F · #BF752A

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

#C8EBC5

Celadon · LightGray · Mint Green

HEX
#C8EBC5
RGB
rgb(200, 235, 197)
HSL
hsl(115, 49%, 85%)
HSB
hsb(115, 16%, 92%)
CMYK
cmyk(15%, 0%, 16%, 8%)
Oklch
oklch(90.5% 0.063 142.9)

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

#A7A198

Ginger · DarkGray · Silver Sand

HEX
#A7A198
RGB
rgb(167, 161, 152)
HSL
hsl(36, 8%, 63%)
HSB
hsb(36, 9%, 65%)
CMYK
cmyk(0%, 4%, 9%, 35%)
Oklch
oklch(71.1% 0.015 78.2)

Traditional「Ginger」· Paint「Silver Sand」· Creative Urban Concrete

#87566C

Dark Violet · DimGray · Camellia

HEX
#87566C
RGB
rgb(135, 86, 108)
HSL
hsl(333, 22%, 43%)
HSB
hsb(333, 36%, 53%)
CMYK
cmyk(0%, 36%, 20%, 47%)
Oklch
oklch(51.4% 0.071 351.4)

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

#660C3F

Rose Purple · Maroon · Raspberry

HEX
#660C3F
RGB
rgb(102, 12, 63)
HSL
hsl(326, 79%, 22%)
HSB
hsb(326, 88%, 40%)
CMYK
cmyk(0%, 88%, 38%, 60%)
Oklch
oklch(34.3% 0.130 352.4)

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

#BF752A

Ochre · Chocolate · Amber Brown

HEX
#BF752A
RGB
rgb(191, 117, 42)
HSL
hsl(30, 64%, 46%)
HSB
hsb(30, 78%, 75%)
CMYK
cmyk(0%, 39%, 78%, 25%)
Oklch
oklch(63.0% 0.127 61.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C8EBC5
E8C6EB

Analogous

DCEBC6
C8EBC5
C6EBD6

Triadic

C8EBC5
C6C9EB
EBC6C9

Split-Comp.

C8EBC5
D6C6EB
EBC6DC

Tetradic

C8EBC5
C6DCEB
E8C6EB
EBD6C6

Contrast Matrix WCAG 2.1 Contrast

C8EBC5
A7A198
87566C
660C3F
BF752A
—
2.0
Fail
4.5
AA
9.6
AAA
2.8
Fail
2.0
Fail
—
2.3
Fail
4.9
AA
1.4
Fail
4.5
AA
2.3
Fail
—
2.1
Fail
1.6
Fail
9.6
AAA
4.9
AA
2.1
Fail
—
3.4
AA Large
2.8
Fail
1.4
Fail
1.6
Fail
3.4
AA Large
—
White BG
1.3Fail
2.6Fail
5.9AA
12.4AAA
3.6AA Large
Black BG
16.1AAA
8.2AAA
3.6AA Large
1.7Fail
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D7CE
A4A49A
727167
3F3E33
9F9E3C

Deuteranopia

D5D3D0
A5A59B
757865
444B30
A3A941

Tritanopia

CAD5D7
A79C9C
856262
612927
BB4A4E

Achromatopsia

DCDCDC
A2A2A2
676767
2D2D2D
838383

Shades & Tints Shades & Tints

#C8EBC5

Dark
Light

#A7A198

Dark
Light

#87566C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c8ebc5;
  --color-2: #a7a198;
  --color-3: #87566c;
  --color-4: #660c3f;
  --color-5: #bf752a;
}

SCSS

$color-1: #c8ebc5;
$color-2: #a7a198;
$color-3: #87566c;
$color-4: #660c3f;
$color-5: #bf752a;

TAILWIND

colors: {
  'brand-1': '#c8ebc5',
  'brand-2': '#a7a198',
  'brand-3': '#87566c',
  'brand-4': '#660c3f',
  'brand-5': '#bf752a',
}

RGB Array

[200, 235, 197], [167, 161, 152], [135, 86, 108], [102, 12, 63], [191, 117, 42]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #C8EBC5, #A7A198, #87566C, #660C3F, #BF752A 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: #c8ebc5; --color-2: #a7a198; --color-3: #87566c; --color-4: #660c3f; --color-5: #bf752a. 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