← Back to Editor

#F2E2A8 · #FAF4BE · #E6F8BA · #70C1BD · #7D6679

vintage

A 5-color vintage palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPosterData Visualization

Color Details Color Details

#F2E2A8

Goose Yellow · Wheat · Lemon Cream

HEX
#F2E2A8
RGB
rgb(242, 226, 168)
HSL
hsl(47, 74%, 80%)
HSB
hsb(47, 31%, 95%)
CMYK
cmyk(0%, 7%, 31%, 5%)
Oklch
oklch(91.2% 0.076 94.5)

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

#FAF4BE

Fresh Green · Bisque · Lemon Cream

HEX
#FAF4BE
RGB
rgb(250, 244, 190)
HSL
hsl(54, 86%, 86%)
HSB
hsb(54, 24%, 98%)
CMYK
cmyk(0%, 2%, 24%, 2%)
Oklch
oklch(95.9% 0.070 102.3)

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

#E6F8BA

Willow Green · Wheat · Mint Green

HEX
#E6F8BA
RGB
rgb(230, 248, 186)
HSL
hsl(77, 82%, 85%)
HSB
hsb(77, 25%, 97%)
CMYK
cmyk(7%, 0%, 25%, 3%)
Oklch
oklch(95.1% 0.082 121.1)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#70C1BD

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#70C1BD
RGB
rgb(112, 193, 189)
HSL
hsl(177, 40%, 60%)
HSB
hsb(177, 42%, 76%)
CMYK
cmyk(42%, 0%, 2%, 24%)
Oklch
oklch(75.8% 0.080 191.5)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#7D6679

Rose Purple · DimGray · Violet

HEX
#7D6679
RGB
rgb(125, 102, 121)
HSL
hsl(310, 10%, 45%)
HSB
hsb(310, 18%, 49%)
CMYK
cmyk(0%, 18%, 3%, 51%)
Oklch
oklch(53.9% 0.041 332.1)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2E2A8
A6B7F2

Analogous

F2BCA6
F2E2A8
DCF2A6

Triadic

F2E2A8
A6F2E1
E1A6F2

Split-Comp.

F2E2A8
A6DCF2
BCA6F2

Tetradic

F2E2A8
A6F2BC
A6B7F2
F2A6DC

Contrast Matrix WCAG 2.1 Contrast

F2E2A8
FAF4BE
E6F8BA
70C1BD
7D6679
—
1.2
Fail
1.1
Fail
1.6
Fail
4.0
AA Large
1.2
Fail
—
1.0
Fail
1.9
Fail
4.6
AA
1.1
Fail
1.0
Fail
—
1.8
Fail
4.6
AA
1.6
Fail
1.9
Fail
1.8
Fail
—
2.5
Fail
4.0
AA Large
4.6
AA
4.6
AA
2.5
Fail
—
White BG
1.3Fail
1.1Fail
1.1Fail
2.1Fail
5.2AA
Black BG
16.2AAA
18.7AAA
18.5AAA
10.1AAA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBB6
F7F7CB
EEEEC9
9394BE
737374

Deuteranopia

ECEDB9
F8F8CE
EDEBCD
8E88BE
747673

Tritanopia

F1C1C4
FAD5D8
E7D5D7
74BFBF
7C7170

Achromatopsia

E0E0E0
F0F0F0
ECECEC
A8A8A8
6F6F6F

Shades & Tints Shades & Tints

#F2E2A8

Dark
Light

#FAF4BE

Dark
Light

#E6F8BA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2e2a8;
  --color-2: #faf4be;
  --color-3: #e6f8ba;
  --color-4: #70c1bd;
  --color-5: #7d6679;
}

SCSS

$color-1: #f2e2a8;
$color-2: #faf4be;
$color-3: #e6f8ba;
$color-4: #70c1bd;
$color-5: #7d6679;

TAILWIND

colors: {
  'brand-1': '#f2e2a8',
  'brand-2': '#faf4be',
  'brand-3': '#e6f8ba',
  'brand-4': '#70c1bd',
  'brand-5': '#7d6679',
}

RGB Array

[242, 226, 168], [250, 244, 190], [230, 248, 186], [112, 193, 189], [125, 102, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #F2E2A8, #FAF4BE, #E6F8BA, #70C1BD, #7D6679 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f2e2a8; --color-2: #faf4be; --color-3: #e6f8ba; --color-4: #70c1bd; --color-5: #7d6679. 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 tech, SaaS, healthcare, eco industries. 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