← Back to Editor

#AC907F · #F26363 · #FAB470 · #F7EECF · #DFD9B4

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

#AC907F

Tangerine · Gray · Warm Sun

HEX
#AC907F
RGB
rgb(172, 144, 127)
HSL
hsl(23, 21%, 59%)
HSB
hsb(23, 26%, 67%)
CMYK
cmyk(0%, 16%, 26%, 33%)
Oklch
oklch(67.4% 0.042 53.0)

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

#F26363

Peach Pink · Tomato · Coral Red

HEX
#F26363
RGB
rgb(242, 99, 99)
HSL
hsl(0, 85%, 67%)
HSB
hsb(0, 59%, 95%)
CMYK
cmyk(0%, 59%, 59%, 5%)
Oklch
oklch(68.1% 0.177 23.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FAB470

Goose Yellow · LightSalmon · Warm Sun

HEX
#FAB470
RGB
rgb(250, 180, 112)
HSL
hsl(30, 93%, 71%)
HSB
hsb(30, 55%, 98%)
CMYK
cmyk(0%, 28%, 55%, 2%)
Oklch
oklch(82.2% 0.118 64.1)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F7EECF

Goose Yellow · Beige · Lemon Cream

HEX
#F7EECF
RGB
rgb(247, 238, 207)
HSL
hsl(47, 71%, 89%)
HSB
hsb(47, 16%, 97%)
CMYK
cmyk(0%, 4%, 16%, 3%)
Oklch
oklch(94.8% 0.042 93.7)

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

#DFD9B4

Fresh Green · Wheat · Lemon Cream

HEX
#DFD9B4
RGB
rgb(223, 217, 180)
HSL
hsl(52, 40%, 79%)
HSB
hsb(52, 19%, 87%)
CMYK
cmyk(0%, 3%, 19%, 13%)
Oklch
oklch(88.1% 0.049 99.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AC907F
809CAC

Analogous

AC8086
AC907F
ACA780

Triadic

AC907F
80AC91
9180AC

Split-Comp.

AC907F
80ACA7
8086AC

Tetradic

AC907F
86AC80
809CAC
A780AC

Contrast Matrix WCAG 2.1 Contrast

AC907F
F26363
FAB470
F7EECF
DFD9B4
—
1.0
Fail
1.7
Fail
2.6
Fail
2.1
Fail
1.0
Fail
—
1.8
Fail
2.7
Fail
2.2
Fail
1.7
Fail
1.8
Fail
—
1.5
Fail
1.2
Fail
2.6
Fail
2.7
Fail
1.5
Fail
—
1.2
Fail
2.1
Fail
2.2
Fail
1.2
Fail
1.2
Fail
—
White BG
3.0Fail
3.1AA Large
1.8Fail
1.2Fail
1.4Fail
Black BG
7.0AAA
6.7AA
11.8AAA
18.1AAA
14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A0A083
B4B363
DCDB80
F3F3D7
DCDCBD

Deuteranopia

A2A484
BCC763
E0E584
F4F4D8
DDDDBF

Tritanopia

AB8687
EB6363
F78D90
F7DCDE
DFC4C6

Achromatopsia

969696
8E8E8E
C1C1C1
EDEDED
D7D7D7

Shades & Tints Shades & Tints

#AC907F

Dark
Light

#F26363

Dark
Light

#FAB470

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ac907f;
  --color-2: #f26363;
  --color-3: #fab470;
  --color-4: #f7eecf;
  --color-5: #dfd9b4;
}

SCSS

$color-1: #ac907f;
$color-2: #f26363;
$color-3: #fab470;
$color-4: #f7eecf;
$color-5: #dfd9b4;

TAILWIND

colors: {
  'brand-1': '#ac907f',
  'brand-2': '#f26363',
  'brand-3': '#fab470',
  'brand-4': '#f7eecf',
  'brand-5': '#dfd9b4',
}

RGB Array

[172, 144, 127], [242, 99, 99], [250, 180, 112], [247, 238, 207], [223, 217, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #AC907F, #F26363, #FAB470, #F7EECF, #DFD9B4 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #ac907f; --color-2: #f26363; --color-3: #fab470; --color-4: #f7eecf; --color-5: #dfd9b4. 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 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