← Back to Editor

#29241E · #7B6C6F · #B48885 · #F2A59F · #FFCFBD

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

#29241E

Ochre · Black · Cinnamon

HEX
#29241E
RGB
rgb(41, 36, 30)
HSL
hsl(33, 15%, 14%)
HSB
hsb(33, 27%, 16%)
CMYK
cmyk(0%, 12%, 27%, 84%)
Oklch
oklch(26.4% 0.013 72.3)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#7B6C6F

Ink Gray · DimGray · Warm Gray

HEX
#7B6C6F
RGB
rgb(123, 108, 111)
HSL
hsl(348, 6%, 45%)
HSB
hsb(348, 12%, 48%)
CMYK
cmyk(0%, 12%, 10%, 52%)
Oklch
oklch(54.6% 0.019 4.1)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#B48885

Peach Pink · DarkGray · Coral Red

HEX
#B48885
RGB
rgb(180, 136, 133)
HSL
hsl(4, 24%, 61%)
HSB
hsb(4, 26%, 71%)
CMYK
cmyk(0%, 24%, 26%, 29%)
Oklch
oklch(66.8% 0.054 23.1)

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

#F2A59F

Peach Pink · BurlyWood · Coral Red

HEX
#F2A59F
RGB
rgb(242, 165, 159)
HSL
hsl(4, 76%, 79%)
HSB
hsb(4, 34%, 95%)
CMYK
cmyk(0%, 32%, 34%, 5%)
Oklch
oklch(79.5% 0.092 24.3)

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

#FFCFBD

Apricot · Pink · Peach Orange

HEX
#FFCFBD
RGB
rgb(255, 207, 189)
HSL
hsl(16, 100%, 87%)
HSB
hsb(16, 26%, 100%)
CMYK
cmyk(0%, 19%, 26%, 0%)
Oklch
oklch(89.1% 0.060 41.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

29241E
1E2329

Analogous

291F1E
29241E
29291E

Triadic

29241E
1E2924
241E29

Split-Comp.

29241E
1E2929
1F1E29

Tetradic

29241E
1E291F
1E2329
291E29

Contrast Matrix WCAG 2.1 Contrast

29241E
7B6C6F
B48885
F2A59F
FFCFBD
—
3.1
AA Large
5.0
AA
7.8
AAA
10.9
AAA
3.1
AA Large
—
1.6
Fail
2.5
Fail
3.5
AA Large
5.0
AA
1.6
Fail
—
1.6
Fail
2.2
Fail
7.8
AAA
2.5
Fail
1.6
Fail
—
1.4
Fail
10.9
AAA
3.5
AA Large
2.2
Fail
1.4
Fail
—
White BG
15.4AAA
5.0AA
3.1AA Large
2.0Fail
1.4Fail
Black BG
1.4Fail
4.2AA Large
6.8AA
10.7AAA
14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

27271F
75746E
A1A186
D1D0A0
EAEAC1

Deuteranopia

272820
75776E
A4A786
D5DBA1
EDF1C2

Tritanopia

292121
7A6E6E
B28686
EEA2A2
FDC5C6

Achromatopsia

252525
717171
959595
BBBBBB
DBDBDB

Shades & Tints Shades & Tints

#29241E

Dark
Light

#7B6C6F

Dark
Light

#B48885

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #29241e;
  --color-2: #7b6c6f;
  --color-3: #b48885;
  --color-4: #f2a59f;
  --color-5: #ffcfbd;
}

SCSS

$color-1: #29241e;
$color-2: #7b6c6f;
$color-3: #b48885;
$color-4: #f2a59f;
$color-5: #ffcfbd;

TAILWIND

colors: {
  'brand-1': '#29241e',
  'brand-2': '#7b6c6f',
  'brand-3': '#b48885',
  'brand-4': '#f2a59f',
  'brand-5': '#ffcfbd',
}

RGB Array

[41, 36, 30], [123, 108, 111], [180, 136, 133], [242, 165, 159], [255, 207, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #29241E, #7B6C6F, #B48885, #F2A59F, #FFCFBD 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: #29241e; --color-2: #7b6c6f; --color-3: #b48885; --color-4: #f2a59f; --color-5: #ffcfbd. 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