#AB526B + #BCA297 + #C5CEAE + #F0E2A4 + #F4EBC3 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#AB526B

Dark Violet · Sienna · Camellia

HEX

#AB526B

RGB

rgb(171, 82, 107)

HSL

hsl(343, 35%, 50%)

HSB

hsb(343, 52%, 67%)

CMYK

cmyk(0%, 52%, 37%, 33%)

Oklch

oklch(55.5% 0.119 4.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#BCA297

Apricot · DarkGray · Warm Sun

HEX

#BCA297

RGB

rgb(188, 162, 151)

HSL

hsl(18, 22%, 66%)

HSB

hsb(18, 20%, 74%)

CMYK

cmyk(0%, 14%, 20%, 26%)

Oklch

oklch(73.2% 0.035 44.3)

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

#C5CEAE

Willow Green · Silver · Apple Green

HEX

#C5CEAE

RGB

rgb(197, 206, 174)

HSL

hsl(77, 25%, 75%)

HSB

hsb(77, 16%, 81%)

CMYK

cmyk(4%, 0%, 16%, 19%)

Oklch

oklch(83.6% 0.044 120.1)

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

#F0E2A4

Goose Yellow · Wheat · Lemon Cream

HEX

#F0E2A4

RGB

rgb(240, 226, 164)

HSL

hsl(49, 72%, 79%)

HSB

hsb(49, 32%, 94%)

CMYK

cmyk(0%, 6%, 32%, 6%)

Oklch

oklch(90.9% 0.081 96.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#F4EBC3

Goose Yellow · Bisque · Lemon Cream

HEX

#F4EBC3

RGB

rgb(244, 235, 195)

HSL

hsl(49, 69%, 86%)

HSB

hsb(49, 20%, 96%)

CMYK

cmyk(0%, 4%, 20%, 4%)

Oklch

oklch(93.7% 0.053 96.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AB526B

53AC93

Analogous

AC5399

AB526B

AC6653

Triadic

AB526B

6CAC53

536CAC

Split-Comp.

AB526B

53AC66

5399AC

Tetradic

AB526B

99AC53

53AC93

6653AC

Contrast Matrix WCAG 2.1 Contrast

AB526B	BCA297	C5CEAE	F0E2A4	F4EBC3
—	2.1 Fail	3.1 AA Large	3.9 AA Large	4.2 AA Large
2.1 Fail	—	1.5 Fail	1.8 Fail	2.0 Fail
3.1 AA Large	1.5 Fail	—	1.3 Fail	1.4 Fail
3.9 AA Large	1.8 Fail	1.3 Fail	—	1.1 Fail
4.2 AA Large	2.0 Fail	1.4 Fail	1.1 Fail	—

White BG

5.1AA

2.4Fail

1.6Fail

1.3Fail

1.2Fail

Black BG

4.2AA Large

8.8AAA

12.8AAA

16.1AAA

17.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

848465

B1B19A

C9C9B6

EAEAB3

F0F0CD

Deuteranopia

8A9063

B2B49A

C8C8B8

EBECB7

F1F1CF

Tritanopia

A7605F

BB9C9C

C5BCBD

EFBFC1

F4D4D6

Achromatopsia

6F6F6F

A9A9A9

C8C8C8

DFDFDF

E9E9E9

Shades & Tints Shades & Tints

#AB526B

Dark

Light

#BCA297

Dark

Light

#C5CEAE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ab526b;
  --color-2: #bca297;
  --color-3: #c5ceae;
  --color-4: #f0e2a4;
  --color-5: #f4ebc3;
}

SCSS

$color-1: #ab526b;
$color-2: #bca297;
$color-3: #c5ceae;
$color-4: #f0e2a4;
$color-5: #f4ebc3;

TAILWIND

colors: {
  'brand-1': '#ab526b',
  'brand-2': '#bca297',
  'brand-3': '#c5ceae',
  'brand-4': '#f0e2a4',
  'brand-5': '#f4ebc3',
}

RGB Array

[171, 82, 107], [188, 162, 151], [197, 206, 174], [240, 226, 164], [244, 235, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #AB526B, #BCA297, #C5CEAE, #F0E2A4, #F4EBC3 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: #ab526b; --color-2: #bca297; --color-3: #c5ceae; --color-4: #f0e2a4; --color-5: #f4ebc3. 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