← Back to Editor

#CBD15F · #F0E690 · #CE9378 · #A5A574 · #634235

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

#CBD15F

Autumn Sage · BurlyWood · Sunflower

HEX
#CBD15F
RGB
rgb(203, 209, 95)
HSL
hsl(63, 55%, 60%)
HSB
hsb(63, 55%, 82%)
CMYK
cmyk(3%, 0%, 55%, 18%)
Oklch
oklch(83.3% 0.138 111.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#F0E690

Fresh Green · Khaki · Sunflower

HEX
#F0E690
RGB
rgb(240, 230, 144)
HSL
hsl(54, 76%, 75%)
HSB
hsb(54, 40%, 94%)
CMYK
cmyk(0%, 4%, 40%, 6%)
Oklch
oklch(91.4% 0.108 102.5)

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

#CE9378

Apricot · DarkSalmon · Warm Sun

HEX
#CE9378
RGB
rgb(206, 147, 120)
HSL
hsl(19, 47%, 64%)
HSB
hsb(19, 42%, 81%)
CMYK
cmyk(0%, 29%, 42%, 19%)
Oklch
oklch(71.4% 0.081 45.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#A5A574

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A5A574
RGB
rgb(165, 165, 116)
HSL
hsl(60, 21%, 55%)
HSB
hsb(60, 30%, 65%)
CMYK
cmyk(0%, 0%, 30%, 35%)
Oklch
oklch(71.0% 0.067 108.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#634235

Tangerine · DarkOliveGreen · Amber Brown

HEX
#634235
RGB
rgb(99, 66, 53)
HSL
hsl(17, 30%, 30%)
HSB
hsb(17, 46%, 39%)
CMYK
cmyk(0%, 33%, 46%, 61%)
Oklch
oklch(41.3% 0.051 42.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBD15F
6761D1

Analogous

D19F61
CBD15F
93D161

Triadic

CBD15F
61CBD1
D161CB

Split-Comp.

CBD15F
6193D1
9F61D1

Tetradic

CBD15F
61D19F
6761D1
D16193

Contrast Matrix WCAG 2.1 Contrast

CBD15F
F0E690
CE9378
A5A574
634235
—
1.3
Fail
1.6
Fail
1.6
Fail
5.4
AA
1.3
Fail
—
2.0
Fail
2.0
Fail
7.0
AA
1.6
Fail
2.0
Fail
—
1.0
Fail
3.4
AA Large
1.6
Fail
2.0
Fail
1.0
Fail
—
3.5
AA Large
5.4
AA
7.0
AA
3.4
AA Large
3.5
AA Large
—
White BG
1.6Fail
1.3Fail
2.6Fail
2.6Fail
8.9AAA
Black BG
12.8AAA
16.4AAA
8.1AAA
8.2AAA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECE7B
ECECA5
B4B47F
A5A580
555438

Deuteranopia

CDCD81
ECEDAA
B8BC80
A5A583
575939

Tritanopia

CB9095
F0B5B9
CB8485
A5898B
613B3B

Achromatopsia

C2C2C2
DFDFDF
A2A2A2
9F9F9F
4A4A4A

Shades & Tints Shades & Tints

#CBD15F

Dark
Light

#F0E690

Dark
Light

#CE9378

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbd15f;
  --color-2: #f0e690;
  --color-3: #ce9378;
  --color-4: #a5a574;
  --color-5: #634235;
}

SCSS

$color-1: #cbd15f;
$color-2: #f0e690;
$color-3: #ce9378;
$color-4: #a5a574;
$color-5: #634235;

TAILWIND

colors: {
  'brand-1': '#cbd15f',
  'brand-2': '#f0e690',
  'brand-3': '#ce9378',
  'brand-4': '#a5a574',
  'brand-5': '#634235',
}

RGB Array

[203, 209, 95], [240, 230, 144], [206, 147, 120], [165, 165, 116], [99, 66, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #CBD15F, #F0E690, #CE9378, #A5A574, #634235 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: #cbd15f; --color-2: #f0e690; --color-3: #ce9378; --color-4: #a5a574; --color-5: #634235. 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