← Back to Editor

#CCCCAC · #E3CAA8 · #EDB28E · #FF8173 · #F24159

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 MenuPoster

Color Details Color Details

#CCCCAC

Fresh Green · Silver · Sunflower

HEX
#CCCCAC
RGB
rgb(204, 204, 172)
HSL
hsl(60, 24%, 74%)
HSB
hsb(60, 16%, 80%)
CMYK
cmyk(0%, 0%, 16%, 20%)
Oklch
oklch(83.7% 0.043 107.3)

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

#E3CAA8

Goose Yellow · Wheat · Peach Orange

HEX
#E3CAA8
RGB
rgb(227, 202, 168)
HSL
hsl(35, 51%, 77%)
HSB
hsb(35, 26%, 89%)
CMYK
cmyk(0%, 11%, 26%, 11%)
Oklch
oklch(85.1% 0.053 75.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#EDB28E

Apricot · BurlyWood · Warm Sun

HEX
#EDB28E
RGB
rgb(237, 178, 142)
HSL
hsl(23, 73%, 74%)
HSB
hsb(23, 40%, 93%)
CMYK
cmyk(0%, 25%, 40%, 7%)
Oklch
oklch(80.9% 0.084 52.6)

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

#FF8173

Peach Pink · Salmon · Coral Red

HEX
#FF8173
RGB
rgb(255, 129, 115)
HSL
hsl(6, 100%, 73%)
HSB
hsb(6, 55%, 100%)
CMYK
cmyk(0%, 49%, 55%, 0%)
Oklch
oklch(74.3% 0.156 27.9)

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

#F24159

Vermilion · Tomato · Passion Red

HEX
#F24159
RGB
rgb(242, 65, 89)
HSL
hsl(352, 87%, 60%)
HSB
hsb(352, 73%, 95%)
CMYK
cmyk(0%, 73%, 63%, 5%)
Oklch
oklch(64.2% 0.212 18.3)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CCCCAC
ADADCD

Analogous

CDBDAD
CCCCAC
BDCDAD

Triadic

CCCCAC
ADCDCD
CDADCD

Split-Comp.

CCCCAC
ADBDCD
BDADCD

Tetradic

CCCCAC
ADCDBD
ADADCD
CDADBD

Contrast Matrix WCAG 2.1 Contrast

CCCCAC
E3CAA8
EDB28E
FF8173
F24159
—
1.0
Fail
1.1
Fail
1.5
Fail
2.3
Fail
1.0
Fail
—
1.2
Fail
1.5
Fail
2.3
Fail
1.1
Fail
1.2
Fail
—
1.3
Fail
2.0
Fail
1.5
Fail
1.5
Fail
1.3
Fail
—
1.5
Fail
2.3
Fail
2.3
Fail
2.0
Fail
1.5
Fail
—
White BG
1.6Fail
1.6Fail
1.8Fail
2.4Fail
3.7AA Large
Black BG
12.8AAA
13.3AAA
11.4AAA
8.6AAA
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCCB4
D8D8B0
D3D397
C8C776
A5A453

Deuteranopia

CCCCB6
DADBB2
D7DB99
D0D977
B0BD52

Tritanopia

CCBABB
E2B7B8
EA9E9F
F9797A
E94F4E

Achromatopsia

C8C8C8
CECECE
C0C0C0
A5A5A5
797979

Shades & Tints Shades & Tints

#CCCCAC

Dark
Light

#E3CAA8

Dark
Light

#EDB28E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ccccac;
  --color-2: #e3caa8;
  --color-3: #edb28e;
  --color-4: #ff8173;
  --color-5: #f24159;
}

SCSS

$color-1: #ccccac;
$color-2: #e3caa8;
$color-3: #edb28e;
$color-4: #ff8173;
$color-5: #f24159;

TAILWIND

colors: {
  'brand-1': '#ccccac',
  'brand-2': '#e3caa8',
  'brand-3': '#edb28e',
  'brand-4': '#ff8173',
  'brand-5': '#f24159',
}

RGB Array

[204, 204, 172], [227, 202, 168], [237, 178, 142], [255, 129, 115], [242, 65, 89]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #CCCCAC, #E3CAA8, #EDB28E, #FF8173, #F24159 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ccccac; --color-2: #e3caa8; --color-3: #edb28e; --color-4: #ff8173; --color-5: #f24159. 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. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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