← Back to Editor

#CECA82 · #A0C7AF · #73ACA1 · #438A98 · #453A3E

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

#CECA82

Fresh Green · Tan · Sunflower

HEX
#CECA82
RGB
rgb(206, 202, 130)
HSL
hsl(57, 44%, 66%)
HSB
hsb(57, 37%, 81%)
CMYK
cmyk(0%, 2%, 37%, 19%)
Oklch
oklch(82.6% 0.093 105.5)

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

#A0C7AF

Celadon · DarkGray · Apple Green

HEX
#A0C7AF
RGB
rgb(160, 199, 175)
HSL
hsl(143, 26%, 70%)
HSB
hsb(143, 20%, 78%)
CMYK
cmyk(20%, 0%, 12%, 22%)
Oklch
oklch(79.5% 0.054 157.9)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#73ACA1

Mineral Blue · CadetBlue · Lake Green

HEX
#73ACA1
RGB
rgb(115, 172, 161)
HSL
hsl(168, 26%, 56%)
HSB
hsb(168, 33%, 67%)
CMYK
cmyk(33%, 0%, 6%, 33%)
Oklch
oklch(70.2% 0.062 181.0)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#438A98

Slate Blue · SteelBlue · Mint Ice

HEX
#438A98
RGB
rgb(67, 138, 152)
HSL
hsl(190, 39%, 43%)
HSB
hsb(190, 56%, 60%)
CMYK
cmyk(56%, 9%, 0%, 40%)
Oklch
oklch(59.3% 0.074 212.2)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#453A3E

Dark Violet · DarkSlateGray · Dark Stone

HEX
#453A3E
RGB
rgb(69, 58, 62)
HSL
hsl(338, 9%, 25%)
HSB
hsb(338, 16%, 27%)
CMYK
cmyk(0%, 16%, 10%, 73%)
Oklch
oklch(36.1% 0.017 354.0)

Traditional「Dark Violet」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CECA82
8286CE

Analogous

CEA482
CECA82
ACCE82

Triadic

CECA82
82CECB
CB82CE

Split-Comp.

CECA82
82ACCE
A482CE

Tetradic

CECA82
82CEA4
8286CE
CE82AC

Contrast Matrix WCAG 2.1 Contrast

CECA82
A0C7AF
73ACA1
438A98
453A3E
—
1.1
Fail
1.5
Fail
2.3
Fail
6.4
AA
1.1
Fail
—
1.4
Fail
2.1
Fail
5.9
AA
1.5
Fail
1.4
Fail
—
1.5
Fail
4.2
AA Large
2.3
Fail
2.1
Fail
1.5
Fail
—
2.8
Fail
6.4
AA
5.9
AA
4.2
AA Large
2.8
Fail
—
White BG
1.7Fail
1.9Fail
2.6Fail
3.9AA Large
10.9AAA
Black BG
12.4AAA
11.3AAA
8.1AAA
5.3AA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCC93
B1B1B5
8C8CA4
626295
40403D

Deuteranopia

CDCD98
AFACB6
8884A4
5E5894
41423D

Tritanopia

CEA1A4
A2B9BA
76A6A6
479291
443C3C

Achromatopsia

C3C3C3
B9B9B9
9A9A9A
767676
3E3E3E

Shades & Tints Shades & Tints

#CECA82

Dark
Light

#A0C7AF

Dark
Light

#73ACA1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ceca82;
  --color-2: #a0c7af;
  --color-3: #73aca1;
  --color-4: #438a98;
  --color-5: #453a3e;
}

SCSS

$color-1: #ceca82;
$color-2: #a0c7af;
$color-3: #73aca1;
$color-4: #438a98;
$color-5: #453a3e;

TAILWIND

colors: {
  'brand-1': '#ceca82',
  'brand-2': '#a0c7af',
  'brand-3': '#73aca1',
  'brand-4': '#438a98',
  'brand-5': '#453a3e',
}

RGB Array

[206, 202, 130], [160, 199, 175], [115, 172, 161], [67, 138, 152], [69, 58, 62]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #CECA82, #A0C7AF, #73ACA1, #438A98, #453A3E is ideal for: brand design, premium product pages, magazine layouts, 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: #ceca82; --color-2: #a0c7af; --color-3: #73aca1; --color-4: #438a98; --color-5: #453a3e. 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. 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