← Back to Editor

#F2B6AB · #FFC9AF · #FFD3B9 · #E7CDAC · #CEB7A7

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

#F2B6AB

Peach Pink · LightPink · Cherry Blossom

HEX
#F2B6AB
RGB
rgb(242, 182, 171)
HSL
hsl(9, 73%, 81%)
HSB
hsb(9, 29%, 95%)
CMYK
cmyk(0%, 25%, 29%, 5%)
Oklch
oklch(82.8% 0.072 30.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FFC9AF

Apricot · Wheat · Peach Orange

HEX
#FFC9AF
RGB
rgb(255, 201, 175)
HSL
hsl(19, 100%, 84%)
HSB
hsb(19, 31%, 100%)
CMYK
cmyk(0%, 21%, 31%, 0%)
Oklch
oklch(87.7% 0.071 47.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FFD3B9

Apricot · Wheat · Peach Orange

HEX
#FFD3B9
RGB
rgb(255, 211, 185)
HSL
hsl(22, 100%, 86%)
HSB
hsb(22, 27%, 100%)
CMYK
cmyk(0%, 17%, 27%, 0%)
Oklch
oklch(89.8% 0.061 52.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E7CDAC

Goose Yellow · Wheat · Peach Orange

HEX
#E7CDAC
RGB
rgb(231, 205, 172)
HSL
hsl(34, 55%, 79%)
HSB
hsb(34, 26%, 91%)
CMYK
cmyk(0%, 11%, 26%, 9%)
Oklch
oklch(86.2% 0.053 73.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#CEB7A7

Apricot · Tan · Warm Sun

HEX
#CEB7A7
RGB
rgb(206, 183, 167)
HSL
hsl(25, 28%, 73%)
HSB
hsb(25, 19%, 81%)
CMYK
cmyk(0%, 11%, 19%, 19%)
Oklch
oklch(79.5% 0.035 57.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2B6AB
ABE7F2

Analogous

F2ABC4
F2B6AB
F2D9AB

Triadic

F2B6AB
ABF2B6
B6ABF2

Split-Comp.

F2B6AB
ABF2D9
ABC4F2

Tetradic

F2B6AB
C4F2AB
ABE7F2
D9ABF2

Contrast Matrix WCAG 2.1 Contrast

F2B6AB
FFC9AF
FFD3B9
E7CDAC
CEB7A7
—
1.2
Fail
1.3
Fail
1.1
Fail
1.1
Fail
1.2
Fail
—
1.1
Fail
1.0
Fail
1.3
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.1
Fail
1.0
Fail
1.1
Fail
—
1.3
Fail
1.1
Fail
1.3
Fail
1.4
Fail
1.3
Fail
—
White BG
1.7Fail
1.5Fail
1.4Fail
1.5Fail
1.9Fail
Black BG
12.1AAA
14.2AAA
15.3AAA
13.7AAA
11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D7AE
E8E7B5
ECECBF
DCDCB4
C4C4AB

Deuteranopia

DCE0AE
EBEFB7
EFF2C1
DDDFB6
C5C7AC

Tritanopia

EFB0B0
FCBABB
FDC4C5
E6BABC
CDAEAF

Achromatopsia

C7C7C7
D6D6D6
DDDDDD
D1D1D1
BCBCBC

Shades & Tints Shades & Tints

#F2B6AB

Dark
Light

#FFC9AF

Dark
Light

#FFD3B9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2b6ab;
  --color-2: #ffc9af;
  --color-3: #ffd3b9;
  --color-4: #e7cdac;
  --color-5: #ceb7a7;
}

SCSS

$color-1: #f2b6ab;
$color-2: #ffc9af;
$color-3: #ffd3b9;
$color-4: #e7cdac;
$color-5: #ceb7a7;

TAILWIND

colors: {
  'brand-1': '#f2b6ab',
  'brand-2': '#ffc9af',
  'brand-3': '#ffd3b9',
  'brand-4': '#e7cdac',
  'brand-5': '#ceb7a7',
}

RGB Array

[242, 182, 171], [255, 201, 175], [255, 211, 185], [231, 205, 172], [206, 183, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #F2B6AB, #FFC9AF, #FFD3B9, #E7CDAC, #CEB7A7 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: #f2b6ab; --color-2: #ffc9af; --color-3: #ffd3b9; --color-4: #e7cdac; --color-5: #ceb7a7. 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