← Back to Editor

#29223B · #5E4468 · #C7897D · #D7BB94 · #EDE6A3

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

#29223B

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#29223B
RGB
rgb(41, 34, 59)
HSL
hsl(257, 27%, 18%)
HSB
hsb(257, 42%, 23%)
CMYK
cmyk(31%, 42%, 0%, 77%)
Oklch
oklch(27.2% 0.046 296.1)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#5E4468

Dark Plum · DimGray · Eggplant

HEX
#5E4468
RGB
rgb(94, 68, 104)
HSL
hsl(283, 21%, 34%)
HSB
hsb(283, 35%, 41%)
CMYK
cmyk(10%, 35%, 0%, 59%)
Oklch
oklch(42.9% 0.066 316.4)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#C7897D

Peach Pink · DarkSalmon · Coral Red

HEX
#C7897D
RGB
rgb(199, 137, 125)
HSL
hsl(10, 40%, 64%)
HSB
hsb(10, 37%, 78%)
CMYK
cmyk(0%, 31%, 37%, 22%)
Oklch
oklch(68.9% 0.079 31.3)

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

#D7BB94

Goose Yellow · Tan · Warm Sun

HEX
#D7BB94
RGB
rgb(215, 187, 148)
HSL
hsl(35, 46%, 71%)
HSB
hsb(35, 31%, 84%)
CMYK
cmyk(0%, 13%, 31%, 16%)
Oklch
oklch(80.6% 0.061 75.9)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#EDE6A3

Fresh Green · Wheat · Lemon Cream

HEX
#EDE6A3
RGB
rgb(237, 230, 163)
HSL
hsl(54, 67%, 78%)
HSB
hsb(54, 31%, 93%)
CMYK
cmyk(0%, 3%, 31%, 7%)
Oklch
oklch(91.5% 0.086 102.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

29223B
333A22

Analogous

22273A
29223B
35223A

Triadic

29223B
3A2922
223A29

Split-Comp.

29223B
3A3522
273A22

Tetradic

29223B
3A2227
333A22
223A35

Contrast Matrix WCAG 2.1 Contrast

29223B
5E4468
C7897D
D7BB94
EDE6A3
—
1.8
Fail
5.3
AA
8.2
AAA
11.9
AAA
1.8
Fail
—
2.9
Fail
4.6
AA
6.6
AA
5.3
AA
2.9
Fail
—
1.6
Fail
2.3
Fail
8.2
AAA
4.6
AA
1.6
Fail
—
1.4
Fail
11.9
AAA
6.6
AA
2.3
Fail
1.4
Fail
—
White BG
15.1AAA
8.4AAA
2.9Fail
1.8Fail
1.3Fail
Black BG
1.4Fail
2.5Fail
7.3AAA
11.4AAA
16.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

262635
53535F
ACAC80
CBCB9D
EAEAB3

Deuteranopia

262734
54565D
B0B481
CDCFA0
EAEBB7

Tritanopia

29302F
5D5857
C48283
D6A5A7
EDC0C3

Achromatopsia

272727
505050
9A9A9A
BFBFBF
E0E0E0

Shades & Tints Shades & Tints

#29223B

Dark
Light

#5E4468

Dark
Light

#C7897D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #29223b;
  --color-2: #5e4468;
  --color-3: #c7897d;
  --color-4: #d7bb94;
  --color-5: #ede6a3;
}

SCSS

$color-1: #29223b;
$color-2: #5e4468;
$color-3: #c7897d;
$color-4: #d7bb94;
$color-5: #ede6a3;

TAILWIND

colors: {
  'brand-1': '#29223b',
  'brand-2': '#5e4468',
  'brand-3': '#c7897d',
  'brand-4': '#d7bb94',
  'brand-5': '#ede6a3',
}

RGB Array

[41, 34, 59], [94, 68, 104], [199, 137, 125], [215, 187, 148], [237, 230, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #29223B, #5E4468, #C7897D, #D7BB94, #EDE6A3 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: #29223b; --color-2: #5e4468; --color-3: #c7897d; --color-4: #d7bb94; --color-5: #ede6a3. 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