← Back to Editor

#FFF9F2 · #F7DDC3 · #F27979 · #FF8C8C · #F2D9B1

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

#FFF9F2

Goose Yellow · SeaShell · Peach Orange

HEX
#FFF9F2
RGB
rgb(255, 249, 242)
HSL
hsl(32, 100%, 97%)
HSB
hsb(32, 5%, 100%)
CMYK
cmyk(0%, 2%, 5%, 0%)
Oklch
oklch(98.5% 0.011 71.9)

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

#F7DDC3

Goose Yellow · Bisque · Peach Orange

HEX
#F7DDC3
RGB
rgb(247, 221, 195)
HSL
hsl(30, 76%, 87%)
HSB
hsb(30, 21%, 97%)
CMYK
cmyk(0%, 11%, 21%, 3%)
Oklch
oklch(91.2% 0.045 67.2)

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

#F27979

Peach Pink · LightCoral · Coral Red

HEX
#F27979
RGB
rgb(242, 121, 121)
HSL
hsl(0, 82%, 71%)
HSB
hsb(0, 50%, 95%)
CMYK
cmyk(0%, 50%, 50%, 5%)
Oklch
oklch(71.5% 0.149 21.5)

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

#FF8C8C

Peach Pink · LightCoral · Coral Red

HEX
#FF8C8C
RGB
rgb(255, 140, 140)
HSL
hsl(0, 100%, 77%)
HSB
hsb(0, 45%, 100%)
CMYK
cmyk(0%, 45%, 45%, 0%)
Oklch
oklch(76.5% 0.140 20.8)

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

#F2D9B1

Goose Yellow · Wheat · Peach Orange

HEX
#F2D9B1
RGB
rgb(242, 217, 177)
HSL
hsl(37, 71%, 82%)
HSB
hsb(37, 27%, 95%)
CMYK
cmyk(0%, 10%, 27%, 5%)
Oklch
oklch(89.6% 0.059 79.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFF9F2
F0F7FF

Analogous

FFF0F0
FFF9F2
FEFFF0

Triadic

FFF9F2
F0FFF8
F8F0FF

Split-Comp.

FFF9F2
F0FEFF
F0F0FF

Tetradic

FFF9F2
F0FFF0
F0F7FF
FFF0FE

Contrast Matrix WCAG 2.1 Contrast

FFF9F2
F7DDC3
F27979
FF8C8C
F2D9B1
—
1.2
Fail
2.6
Fail
2.1
Fail
1.3
Fail
1.2
Fail
—
2.1
Fail
1.7
Fail
1.0
Fail
2.6
Fail
2.1
Fail
—
1.2
Fail
2.0
Fail
2.1
Fail
1.7
Fail
1.2
Fail
—
1.6
Fail
1.3
Fail
1.0
Fail
2.0
Fail
1.6
Fail
—
White BG
1.0Fail
1.3Fail
2.7Fail
2.2Fail
1.4Fail
Black BG
20.1AAA
16.1AAA
7.8AAA
9.4AAA
15.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FCFCF4
ECECC9
BEBD79
CDCC8C
E7E7BB

Deuteranopia

FDFDF4
EDEFCB
C5CE79
D4DD8C
E9EABD

Tritanopia

FFF5F5
F6CECF
EC7979
F98C8C
F1C2C4

Achromatopsia

FAFAFA
E2E2E2
9D9D9D
AEAEAE
DCDCDC

Shades & Tints Shades & Tints

#FFF9F2

Dark
Light

#F7DDC3

Dark
Light

#F27979

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fff9f2;
  --color-2: #f7ddc3;
  --color-3: #f27979;
  --color-4: #ff8c8c;
  --color-5: #f2d9b1;
}

SCSS

$color-1: #fff9f2;
$color-2: #f7ddc3;
$color-3: #f27979;
$color-4: #ff8c8c;
$color-5: #f2d9b1;

TAILWIND

colors: {
  'brand-1': '#fff9f2',
  'brand-2': '#f7ddc3',
  'brand-3': '#f27979',
  'brand-4': '#ff8c8c',
  'brand-5': '#f2d9b1',
}

RGB Array

[255, 249, 242], [247, 221, 195], [242, 121, 121], [255, 140, 140], [242, 217, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #FFF9F2, #F7DDC3, #F27979, #FF8C8C, #F2D9B1 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: #fff9f2; --color-2: #f7ddc3; --color-3: #f27979; --color-4: #ff8c8c; --color-5: #f2d9b1. 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