#AB6A6A + #A78F83 + #A2B59B + #9EDAB4 + #99FFCC · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#AB6A6A

Crimson · Gray · Passion Red

HEX

#AB6A6A

RGB

rgb(171, 106, 106)

HSL

hsl(0, 28%, 54%)

HSB

hsb(0, 38%, 67%)

CMYK

cmyk(0%, 38%, 38%, 33%)

Oklch

oklch(59.5% 0.084 19.8)

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

#A78F83

Tangerine · Gray · Warm Sun

HEX

#A78F83

RGB

rgb(167, 143, 131)

HSL

hsl(20, 17%, 58%)

HSB

hsb(20, 22%, 65%)

CMYK

cmyk(0%, 14%, 22%, 35%)

Oklch

oklch(66.8% 0.034 48.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#A2B59B

Celadon · DarkGray · Apple Green

HEX

#A2B59B

RGB

rgb(162, 181, 155)

HSL

hsl(104, 15%, 66%)

HSB

hsb(104, 14%, 71%)

CMYK

cmyk(10%, 0%, 14%, 29%)

Oklch

oklch(75.1% 0.042 137.2)

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

#9EDAB4

Celadon · LightGreen · Apple Green

HEX

#9EDAB4

RGB

rgb(158, 218, 180)

HSL

hsl(142, 45%, 74%)

HSB

hsb(142, 28%, 85%)

CMYK

cmyk(28%, 0%, 17%, 15%)

Oklch

oklch(83.7% 0.081 156.4)

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

#99FFCC

Jade · LightBlue · Apple Green

HEX

#99FFCC

RGB

rgb(153, 255, 204)

HSL

hsl(150, 100%, 80%)

HSB

hsb(150, 40%, 100%)

CMYK

cmyk(40%, 0%, 20%, 0%)

Oklch

oklch(92.4% 0.120 161.0)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AB6A6A

69ABAB

Analogous

AB698A

AB6A6A

AB8A69

Triadic

AB6A6A

69AB69

6969AB

Split-Comp.

AB6A6A

69AB8A

698AAB

Tetradic

AB6A6A

8AAB69

69ABAB

8A69AB

Contrast Matrix WCAG 2.1 Contrast

AB6A6A	A78F83	A2B59B	9EDAB4	99FFCC
—	1.4 Fail	1.9 Fail	2.6 Fail	3.5 AA Large
1.4 Fail	—	1.4 Fail	1.9 Fail	2.5 Fail
1.9 Fail	1.4 Fail	—	1.4 Fail	1.8 Fail
2.6 Fail	1.9 Fail	1.4 Fail	—	1.3 Fail
3.5 AA Large	2.5 Fail	1.8 Fail	1.3 Fail	—

White BG

4.2AA Large

3.0AA Large

2.2Fail

1.6Fail

1.2Fail

Black BG

5.0AA

6.9AA

9.6AAA

13.1AAA

17.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8E6A

9D9C86

AAAAA1

B8B9BD

C5C6D8

Deuteranopia

93986A

9EA087

A9A8A3

B5B0BF

BFB8DB

Tritanopia

A86A6A

A68889

A3A6A7

A1C4C6

9EE2E4

Achromatopsia

7D7D7D

959595

ACACAC

C4C4C4

DBDBDB

Shades & Tints Shades & Tints

#AB6A6A

Dark

Light

#A78F83

Dark

Light

#A2B59B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ab6a6a;
  --color-2: #a78f83;
  --color-3: #a2b59b;
  --color-4: #9edab4;
  --color-5: #99ffcc;
}

SCSS

$color-1: #ab6a6a;
$color-2: #a78f83;
$color-3: #a2b59b;
$color-4: #9edab4;
$color-5: #99ffcc;

TAILWIND

colors: {
  'brand-1': '#ab6a6a',
  'brand-2': '#a78f83',
  'brand-3': '#a2b59b',
  'brand-4': '#9edab4',
  'brand-5': '#99ffcc',
}

RGB Array

[171, 106, 106], [167, 143, 131], [162, 181, 155], [158, 218, 180], [153, 255, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #AB6A6A, #A78F83, #A2B59B, #9EDAB4, #99FFCC 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: #ab6a6a; --color-2: #a78f83; --color-3: #a2b59b; --color-4: #9edab4; --color-5: #99ffcc. 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