← Back to Editor

#896D5C · #C0B49B · #C0DACD · #DAEBE8 · #EFF2E4

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

#896D5C

Tangerine · DimGray · Amber Brown

HEX
#896D5C
RGB
rgb(137, 109, 92)
HSL
hsl(23, 20%, 45%)
HSB
hsb(23, 33%, 54%)
CMYK
cmyk(0%, 20%, 33%, 46%)
Oklch
oklch(55.7% 0.044 52.8)

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

#C0B49B

Ginger · Tan · Sunflower

HEX
#C0B49B
RGB
rgb(192, 180, 155)
HSL
hsl(41, 23%, 68%)
HSB
hsb(41, 19%, 75%)
CMYK
cmyk(0%, 6%, 19%, 25%)
Oklch
oklch(77.3% 0.037 85.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#C0DACD

Jade · LightGray · Apple Green

HEX
#C0DACD
RGB
rgb(192, 218, 205)
HSL
hsl(150, 26%, 80%)
HSB
hsb(150, 12%, 85%)
CMYK
cmyk(12%, 0%, 6%, 15%)
Oklch
oklch(86.5% 0.033 164.1)

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

#DAEBE8

Jade · Lavender · Glacier Blue

HEX
#DAEBE8
RGB
rgb(218, 235, 232)
HSL
hsl(169, 30%, 89%)
HSB
hsb(169, 7%, 92%)
CMYK
cmyk(7%, 0%, 1%, 8%)
Oklch
oklch(92.7% 0.018 184.2)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#EFF2E4

Willow Green · Beige · Mint Green

HEX
#EFF2E4
RGB
rgb(239, 242, 228)
HSL
hsl(73, 35%, 92%)
HSB
hsb(73, 6%, 95%)
CMYK
cmyk(1%, 0%, 6%, 5%)
Oklch
oklch(95.5% 0.019 116.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

896D5C
5C788A

Analogous

8A5C61
896D5C
8A845C

Triadic

896D5C
5C8A6D
6D5C8A

Split-Comp.

896D5C
5C8A84
5C618A

Tetradic

896D5C
618A5C
5C788A
845C8A

Contrast Matrix WCAG 2.1 Contrast

896D5C
C0B49B
C0DACD
DAEBE8
EFF2E4
—
2.3
Fail
3.2
AA Large
3.9
AA Large
4.2
AA Large
2.3
Fail
—
1.4
Fail
1.7
Fail
1.8
Fail
3.2
AA Large
1.4
Fail
—
1.2
Fail
1.3
Fail
3.9
AA Large
1.7
Fail
1.2
Fail
—
1.1
Fail
4.2
AA Large
1.8
Fail
1.3
Fail
1.1
Fail
—
White BG
4.8AA
2.1Fail
1.5Fail
1.2Fail
1.1Fail
Black BG
4.4AA Large
10.2AAA
14.2AAA
17.0AAA
18.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7D7D60
BBBBA1
CBCBD0
E1E2E9
F0F0E7

Deuteranopia

7F8161
BCBCA3
CAC8D1
E0DFE9
F0F0E8

Tritanopia

886364
BFA6A7
C1D3D3
DBE9E9
EFEAEB

Achromatopsia

737373
B5B5B5
D1D1D1
E6E6E6
F0F0F0

Shades & Tints Shades & Tints

#896D5C

Dark
Light

#C0B49B

Dark
Light

#C0DACD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #896d5c;
  --color-2: #c0b49b;
  --color-3: #c0dacd;
  --color-4: #daebe8;
  --color-5: #eff2e4;
}

SCSS

$color-1: #896d5c;
$color-2: #c0b49b;
$color-3: #c0dacd;
$color-4: #daebe8;
$color-5: #eff2e4;

TAILWIND

colors: {
  'brand-1': '#896d5c',
  'brand-2': '#c0b49b',
  'brand-3': '#c0dacd',
  'brand-4': '#daebe8',
  'brand-5': '#eff2e4',
}

RGB Array

[137, 109, 92], [192, 180, 155], [192, 218, 205], [218, 235, 232], [239, 242, 228]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #896D5C, #C0B49B, #C0DACD, #DAEBE8, #EFF2E4 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #896d5c; --color-2: #c0b49b; --color-3: #c0dacd; --color-4: #daebe8; --color-5: #eff2e4. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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