#A3B29D + #E7D1AC + #C9A48B + #D28283 + #EA5B6D · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#A3B29D

Celadon · DarkGray · Apple Green

HEX

#A3B29D

RGB

rgb(163, 178, 157)

HSL

hsl(103, 12%, 66%)

HSB

hsb(103, 12%, 70%)

CMYK

cmyk(8%, 0%, 12%, 30%)

Oklch

oklch(74.6% 0.034 136.7)

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

#E7D1AC

Goose Yellow · Wheat · Peach Orange

HEX

#E7D1AC

RGB

rgb(231, 209, 172)

HSL

hsl(38, 55%, 79%)

HSB

hsb(38, 26%, 91%)

CMYK

cmyk(0%, 10%, 26%, 9%)

Oklch

oklch(87.0% 0.055 80.7)

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

#C9A48B

Apricot · Tan · Warm Sun

HEX

#C9A48B

RGB

rgb(201, 164, 139)

HSL

hsl(24, 36%, 67%)

HSB

hsb(24, 31%, 79%)

CMYK

cmyk(0%, 18%, 31%, 21%)

Oklch

oklch(74.6% 0.056 55.7)

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

#D28283

Peach Pink · LightCoral · Coral Red

HEX

#D28283

RGB

rgb(210, 130, 131)

HSL

hsl(359, 47%, 67%)

HSB

hsb(359, 38%, 82%)

CMYK

cmyk(0%, 38%, 38%, 18%)

Oklch

oklch(69.1% 0.099 19.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#EA5B6D

Peach Pink · Salmon · Coral Red

HEX

#EA5B6D

RGB

rgb(234, 91, 109)

HSL

hsl(352, 77%, 64%)

HSB

hsb(352, 61%, 92%)

CMYK

cmyk(0%, 61%, 53%, 8%)

Oklch

oklch(66.1% 0.177 15.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A3B29D

AD9EB3

Analogous

AEB39E

A3B29D

9EB3A2

Triadic

A3B29D

9EA4B3

B39EA4

Split-Comp.

A3B29D

A29EB3

B39EAE

Tetradic

A3B29D

9EAEB3

AD9EB3

B3A29E

Contrast Matrix WCAG 2.1 Contrast

A3B29D	E7D1AC	C9A48B	D28283	EA5B6D
—	1.5 Fail	1.0 Fail	1.3 Fail	1.5 Fail
1.5 Fail	—	1.5 Fail	1.9 Fail	2.3 Fail
1.0 Fail	1.5 Fail	—	1.3 Fail	1.5 Fail
1.3 Fail	1.9 Fail	1.3 Fail	—	1.2 Fail
1.5 Fail	2.3 Fail	1.5 Fail	1.2 Fail	—

White BG

2.2Fail

1.5Fail

2.3Fail

2.9Fail

3.4AA Large

Black BG

9.4AAA

14.1AAA

9.2AAA

7.3AAA

6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9AAA2

DDDDB5

B9B991

AFAF83

ACAB69

Deuteranopia

A9A8A3

DFE0B7

BBBE93

B4BA83

B4BF68

Tritanopia

A4A6A7

E6BCBE

C79697

CE8383

E36564

Achromatopsia

ABABAB

D3D3D3

ACACAC

9A9A9A

888888

Shades & Tints Shades & Tints

#A3B29D

Dark

Light

#E7D1AC

Dark

Light

#C9A48B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a3b29d;
  --color-2: #e7d1ac;
  --color-3: #c9a48b;
  --color-4: #d28283;
  --color-5: #ea5b6d;
}

SCSS

$color-1: #a3b29d;
$color-2: #e7d1ac;
$color-3: #c9a48b;
$color-4: #d28283;
$color-5: #ea5b6d;

TAILWIND

colors: {
  'brand-1': '#a3b29d',
  'brand-2': '#e7d1ac',
  'brand-3': '#c9a48b',
  'brand-4': '#d28283',
  'brand-5': '#ea5b6d',
}

RGB Array

[163, 178, 157], [231, 209, 172], [201, 164, 139], [210, 130, 131], [234, 91, 109]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #A3B29D, #E7D1AC, #C9A48B, #D28283, #EA5B6D is ideal for: health products, baby brands, fresh-style blogs. 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: #a3b29d; --color-2: #e7d1ac; --color-3: #c9a48b; --color-4: #d28283; --color-5: #ea5b6d. 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 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