← Back to Editor

#C9E09A · #76C0B3 · #FFB37F · #F2DE7F · #CD5C88

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 MenuPoster

Color Details Color Details

#C9E09A

Willow Green · Khaki · Apple Green

HEX
#C9E09A
RGB
rgb(201, 224, 154)
HSL
hsl(80, 53%, 74%)
HSB
hsb(80, 31%, 88%)
CMYK
cmyk(10%, 0%, 31%, 12%)
Oklch
oklch(87.3% 0.095 123.1)

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

#76C0B3

Jade · MediumAquaMarine · Lake Green

HEX
#76C0B3
RGB
rgb(118, 192, 179)
HSL
hsl(169, 37%, 61%)
HSB
hsb(169, 39%, 75%)
CMYK
cmyk(39%, 0%, 7%, 25%)
Oklch
oklch(75.6% 0.077 181.7)

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

#FFB37F

Apricot · LightSalmon · Warm Sun

HEX
#FFB37F
RGB
rgb(255, 179, 127)
HSL
hsl(24, 100%, 75%)
HSB
hsb(24, 50%, 100%)
CMYK
cmyk(0%, 30%, 50%, 0%)
Oklch
oklch(82.8% 0.112 54.9)

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

#F2DE7F

Fresh Green · Khaki · Sunflower

HEX
#F2DE7F
RGB
rgb(242, 222, 127)
HSL
hsl(50, 82%, 72%)
HSB
hsb(50, 48%, 95%)
CMYK
cmyk(0%, 8%, 48%, 5%)
Oklch
oklch(89.7% 0.118 97.7)

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

#CD5C88

Dark Violet · LightCoral · Rose Pink

HEX
#CD5C88
RGB
rgb(205, 92, 136)
HSL
hsl(337, 53%, 58%)
HSB
hsb(337, 55%, 80%)
CMYK
cmyk(0%, 55%, 34%, 20%)
Oklch
oklch(62.7% 0.150 357.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9E09A
B19AE0

Analogous

E0D49A
C9E09A
A5E09A

Triadic

C9E09A
9AC8E0
E09AC8

Split-Comp.

C9E09A
9AA5E0
D49AE0

Tetradic

C9E09A
9AE0D4
B19AE0
E09AA5

Contrast Matrix WCAG 2.1 Contrast

C9E09A
76C0B3
FFB37F
F2DE7F
CD5C88
—
1.5
Fail
1.2
Fail
1.1
Fail
2.7
Fail
1.5
Fail
—
1.2
Fail
1.6
Fail
1.8
Fail
1.2
Fail
1.2
Fail
—
1.3
Fail
2.2
Fail
1.1
Fail
1.6
Fail
1.3
Fail
—
2.8
Fail
2.7
Fail
1.8
Fail
2.2
Fail
2.8
Fail
—
White BG
1.4Fail
2.1Fail
1.7Fail
1.4Fail
3.8AA Large
Black BG
14.6AAA
10.0AAA
12.0AAA
15.5AAA
5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D3AB
9697B6
DEDD8C
E9E996
9C9B7D

Deuteranopia

D2D0AF
928CB7
E3E88F
EBEC9C
A3AB7B

Tritanopia

CAB8BB
7AB9B9
FB9698
F1A8AC
C77573

Achromatopsia

D1D1D1
A8A8A8
C4C4C4
D9D9D9
838383

Shades & Tints Shades & Tints

#C9E09A

Dark
Light

#76C0B3

Dark
Light

#FFB37F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9e09a;
  --color-2: #76c0b3;
  --color-3: #ffb37f;
  --color-4: #f2de7f;
  --color-5: #cd5c88;
}

SCSS

$color-1: #c9e09a;
$color-2: #76c0b3;
$color-3: #ffb37f;
$color-4: #f2de7f;
$color-5: #cd5c88;

TAILWIND

colors: {
  'brand-1': '#c9e09a',
  'brand-2': '#76c0b3',
  'brand-3': '#ffb37f',
  'brand-4': '#f2de7f',
  'brand-5': '#cd5c88',
}

RGB Array

[201, 224, 154], [118, 192, 179], [255, 179, 127], [242, 222, 127], [205, 92, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #C9E09A, #76C0B3, #FFB37F, #F2DE7F, #CD5C88 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: #c9e09a; --color-2: #76c0b3; --color-3: #ffb37f; --color-4: #f2de7f; --color-5: #cd5c88. 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