← Back to Editor

#ADA385 · #783617 · #CF3348 · #EB8E46 · #FBBB34

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 MenuPoster

Color Details Color Details

#ADA385

Ginger · DarkGray · Sunflower

HEX
#ADA385
RGB
rgb(173, 163, 133)
HSL
hsl(45, 20%, 60%)
HSB
hsb(45, 23%, 68%)
CMYK
cmyk(0%, 6%, 23%, 32%)
Oklch
oklch(71.6% 0.043 91.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#783617

Tangerine · Brown · Amber Brown

HEX
#783617
RGB
rgb(120, 54, 23)
HSL
hsl(19, 68%, 28%)
HSB
hsb(19, 81%, 47%)
CMYK
cmyk(0%, 55%, 81%, 53%)
Oklch
oklch(41.6% 0.102 43.6)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#CF3348

Vermilion · Crimson · Passion Red

HEX
#CF3348
RGB
rgb(207, 51, 72)
HSL
hsl(352, 62%, 51%)
HSB
hsb(352, 75%, 81%)
CMYK
cmyk(0%, 75%, 65%, 19%)
Oklch
oklch(56.8% 0.191 18.8)

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

#EB8E46

Tangerine · Coral · Warm Sun

HEX
#EB8E46
RGB
rgb(235, 142, 70)
HSL
hsl(26, 80%, 60%)
HSB
hsb(26, 70%, 92%)
CMYK
cmyk(0%, 40%, 70%, 8%)
Oklch
oklch(73.2% 0.142 55.7)

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

#FBBB34

Ginger · GoldenRod · Sunflower

HEX
#FBBB34
RGB
rgb(251, 187, 52)
HSL
hsl(41, 96%, 59%)
HSB
hsb(41, 79%, 98%)
CMYK
cmyk(0%, 25%, 79%, 2%)
Oklch
oklch(83.0% 0.157 81.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ADA385
858FAD

Analogous

AD8F85
ADA385
A3AD85

Triadic

ADA385
85ADA3
A385AD

Split-Comp.

ADA385
85A3AD
8F85AD

Tetradic

ADA385
85AD8F
858FAD
AD85A3

Contrast Matrix WCAG 2.1 Contrast

ADA385
783617
CF3348
EB8E46
FBBB34
—
3.6
AA Large
2.0
Fail
1.0
Fail
1.5
Fail
3.6
AA Large
—
1.8
Fail
3.6
AA Large
5.2
AA
2.0
Fail
1.8
Fail
—
2.0
Fail
2.9
Fail
1.0
Fail
3.6
AA Large
2.0
Fail
—
1.4
Fail
1.5
Fail
5.2
AA
2.9
Fail
1.4
Fail
—
White BG
2.5Fail
9.0AAA
5.0AA
2.5Fail
1.7Fail
Black BG
8.4AAA
2.3Fail
4.2AA Large
8.5AAA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9A98C
5B5B1F
8B8A43
C3C257
DFDF55

Deuteranopia

A9AA8E
5F6420
95A042
C8CF5C
E3E85D

Tritanopia

AD9293
752426
C73F3E
E66568
F86E74

Achromatopsia

A3A3A3
464646
646464
A2A2A2
BFBFBF

Shades & Tints Shades & Tints

#ADA385

Dark
Light

#783617

Dark
Light

#CF3348

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ada385;
  --color-2: #783617;
  --color-3: #cf3348;
  --color-4: #eb8e46;
  --color-5: #fbbb34;
}

SCSS

$color-1: #ada385;
$color-2: #783617;
$color-3: #cf3348;
$color-4: #eb8e46;
$color-5: #fbbb34;

TAILWIND

colors: {
  'brand-1': '#ada385',
  'brand-2': '#783617',
  'brand-3': '#cf3348',
  'brand-4': '#eb8e46',
  'brand-5': '#fbbb34',
}

RGB Array

[173, 163, 133], [120, 54, 23], [207, 51, 72], [235, 142, 70], [251, 187, 52]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #ADA385, #783617, #CF3348, #EB8E46, #FBBB34 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ada385; --color-2: #783617; --color-3: #cf3348; --color-4: #eb8e46; --color-5: #fbbb34. 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. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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