← Back to Editor

#777560 · #A9AD92 · #CAD6BE · #FDFDFB · #D47933

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 MenuPosterData Visualization

Color Details Color Details

#777560

Autumn Sage · DimGray · Honey Gold

HEX
#777560
RGB
rgb(119, 117, 96)
HSL
hsl(55, 11%, 42%)
HSB
hsb(55, 19%, 47%)
CMYK
cmyk(0%, 2%, 19%, 53%)
Oklch
oklch(55.8% 0.031 102.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#A9AD92

Fresh Green · DarkGray · Sunflower

HEX
#A9AD92
RGB
rgb(169, 173, 146)
HSL
hsl(69, 14%, 63%)
HSB
hsb(69, 16%, 68%)
CMYK
cmyk(2%, 0%, 16%, 32%)
Oklch
oklch(73.7% 0.038 114.2)

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

#CAD6BE

Celadon · LightGray · Apple Green

HEX
#CAD6BE
RGB
rgb(202, 214, 190)
HSL
hsl(90, 23%, 79%)
HSB
hsb(90, 11%, 84%)
CMYK
cmyk(6%, 0%, 11%, 16%)
Oklch
oklch(86.0% 0.035 128.9)

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

#FDFDFB

Fresh Green · Snow · Lemon Cream

HEX
#FDFDFB
RGB
rgb(253, 253, 251)
HSL
hsl(60, 33%, 99%)
HSB
hsb(60, 1%, 99%)
CMYK
cmyk(0%, 0%, 1%, 1%)
Oklch
oklch(99.3% 0.003 106.4)

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

#D47933

Tangerine · Chocolate · Warm Sun

HEX
#D47933
RGB
rgb(212, 121, 51)
HSL
hsl(26, 65%, 52%)
HSB
hsb(26, 76%, 83%)
CMYK
cmyk(0%, 43%, 76%, 17%)
Oklch
oklch(66.5% 0.140 54.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

777560
5F6177

Analogous

77695F
777560
6D775F

Triadic

777560
5F7775
755F77

Split-Comp.

777560
5F6D77
695F77

Tetradic

777560
5F7769
5F6177
775F6D

Contrast Matrix WCAG 2.1 Contrast

777560
A9AD92
CAD6BE
FDFDFB
D47933
—
2.0
Fail
3.1
AA Large
4.6
AA
1.5
Fail
2.0
Fail
—
1.5
Fail
2.3
Fail
1.4
Fail
3.1
AA Large
1.5
Fail
—
1.5
Fail
2.1
Fail
4.6
AA
2.3
Fail
1.5
Fail
—
3.1
AA Large
1.5
Fail
1.4
Fail
2.1
Fail
3.1
AA Large
—
White BG
4.7AA
2.3Fail
1.5Fail
1.0Fail
3.2AA Large
Black BG
4.5AA Large
9.1AAA
13.9AAA
20.6AAA
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

767665
ABAB99
CFCFC4
FDFDFB
ADAC44

Deuteranopia

767666
ABAA9A
CFCEC5
FDFDFC
B2B948

Tritanopia

77696A
A99E9F
CBC8C9
FDFCFC
CF5154

Achromatopsia

737373
A9A9A9
D0D0D0
FDFDFD
8C8C8C

Shades & Tints Shades & Tints

#777560

Dark
Light

#A9AD92

Dark
Light

#CAD6BE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #777560;
  --color-2: #a9ad92;
  --color-3: #cad6be;
  --color-4: #fdfdfb;
  --color-5: #d47933;
}

SCSS

$color-1: #777560;
$color-2: #a9ad92;
$color-3: #cad6be;
$color-4: #fdfdfb;
$color-5: #d47933;

TAILWIND

colors: {
  'brand-1': '#777560',
  'brand-2': '#a9ad92',
  'brand-3': '#cad6be',
  'brand-4': '#fdfdfb',
  'brand-5': '#d47933',
}

RGB Array

[119, 117, 96], [169, 173, 146], [202, 214, 190], [253, 253, 251], [212, 121, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #777560, #A9AD92, #CAD6BE, #FDFDFB, #D47933 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, 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: #777560; --color-2: #a9ad92; --color-3: #cad6be; --color-4: #fdfdfb; --color-5: #d47933. 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. 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 beauty, lifestyle, arts 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