← Back to Editor

#FAEFC2 · #9DCEB9 · #35A1A1 · #436C73 · #615460

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

#FAEFC2

Goose Yellow · Bisque · Lemon Cream

HEX
#FAEFC2
RGB
rgb(250, 239, 194)
HSL
hsl(48, 85%, 87%)
HSB
hsb(48, 22%, 98%)
CMYK
cmyk(0%, 4%, 22%, 2%)
Oklch
oklch(95.0% 0.059 95.9)

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

#9DCEB9

Jade · Silver · Apple Green

HEX
#9DCEB9
RGB
rgb(157, 206, 185)
HSL
hsl(154, 33%, 71%)
HSB
hsb(154, 24%, 81%)
CMYK
cmyk(24%, 0%, 10%, 19%)
Oklch
oklch(81.1% 0.059 166.8)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#35A1A1

Slate Blue · LightSeaGreen · Mint Ice

HEX
#35A1A1
RGB
rgb(53, 161, 161)
HSL
hsl(180, 50%, 42%)
HSB
hsb(180, 67%, 63%)
CMYK
cmyk(67%, 0%, 0%, 37%)
Oklch
oklch(64.9% 0.096 195.1)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#436C73

Slate Blue · DimGray · Mint Ice

HEX
#436C73
RGB
rgb(67, 108, 115)
HSL
hsl(189, 26%, 36%)
HSB
hsb(189, 42%, 45%)
CMYK
cmyk(42%, 6%, 0%, 55%)
Oklch
oklch(50.4% 0.047 209.4)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#615460

Ink Gray · DimGray · Charcoal

HEX
#615460
RGB
rgb(97, 84, 96)
HSL
hsl(305, 7%, 35%)
HSB
hsb(305, 13%, 38%)
CMYK
cmyk(0%, 13%, 1%, 62%)
Oklch
oklch(46.3% 0.025 328.4)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAEFC2
C2CDFA

Analogous

FAD3C2
FAEFC2
E9FAC2

Triadic

FAEFC2
C2FAEF
EFC2FA

Split-Comp.

FAEFC2
C2E9FA
D3C2FA

Tetradic

FAEFC2
C2FAD3
C2CDFA
FAC2E9

Contrast Matrix WCAG 2.1 Contrast

FAEFC2
9DCEB9
35A1A1
436C73
615460
—
1.5
Fail
2.7
Fail
5.0
AA
6.2
AA
1.5
Fail
—
1.8
Fail
3.3
AA Large
4.1
AA Large
2.7
Fail
1.8
Fail
—
1.9
Fail
2.3
Fail
5.0
AA
3.3
AA Large
1.9
Fail
—
1.2
Fail
6.2
AA
4.1
AA Large
2.3
Fail
1.2
Fail
—
White BG
1.2Fail
1.8Fail
3.1AA Large
5.8AA
7.1AAA
Black BG
18.2AAA
12.0AAA
6.8AA
3.6AA Large
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F5CD
B2B3BE
6465A1
555571
5B5B5D

Deuteranopia

F6F7D0
AFACBF
5E55A1
524F71
5C5D5C

Tritanopia

F9D5D7
9FC2C3
3AA1A1
457070
605B5A

Achromatopsia

EDEDED
BDBDBD
818181
616161
595959

Shades & Tints Shades & Tints

#FAEFC2

Dark
Light

#9DCEB9

Dark
Light

#35A1A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #faefc2;
  --color-2: #9dceb9;
  --color-3: #35a1a1;
  --color-4: #436c73;
  --color-5: #615460;
}

SCSS

$color-1: #faefc2;
$color-2: #9dceb9;
$color-3: #35a1a1;
$color-4: #436c73;
$color-5: #615460;

TAILWIND

colors: {
  'brand-1': '#faefc2',
  'brand-2': '#9dceb9',
  'brand-3': '#35a1a1',
  'brand-4': '#436c73',
  'brand-5': '#615460',
}

RGB Array

[250, 239, 194], [157, 206, 185], [53, 161, 161], [67, 108, 115], [97, 84, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #FAEFC2, #9DCEB9, #35A1A1, #436C73, #615460 is ideal for: 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: #faefc2; --color-2: #9dceb9; --color-3: #35a1a1; --color-4: #436c73; --color-5: #615460. 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. 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