#F59988 + #DDA092 + #C6A89C + #AEAFA6 + #96B6B0 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#F59988

Peach Pink · LightSalmon · Coral Red

HEX

#F59988

RGB

rgb(245, 153, 136)

HSL

hsl(9, 84%, 75%)

HSB

hsb(9, 44%, 96%)

CMYK

cmyk(0%, 38%, 44%, 4%)

Oklch

oklch(77.3% 0.114 31.1)

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

#DDA092

Peach Pink · Tan · Coral Red

HEX

#DDA092

RGB

rgb(221, 160, 146)

HSL

hsl(11, 52%, 72%)

HSB

hsb(11, 34%, 87%)

CMYK

cmyk(0%, 28%, 34%, 13%)

Oklch

oklch(76.0% 0.076 33.3)

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

#C6A89C

Apricot · Tan · Warm Sun

HEX

#C6A89C

RGB

rgb(198, 168, 156)

HSL

hsl(17, 27%, 69%)

HSB

hsb(17, 21%, 78%)

CMYK

cmyk(0%, 15%, 21%, 22%)

Oklch

oklch(75.5% 0.039 43.0)

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

#AEAFA6

Ash · DarkGray · Silver Sand

HEX

#AEAFA6

RGB

rgb(174, 175, 166)

HSL

hsl(67, 5%, 67%)

HSB

hsb(67, 5%, 69%)

CMYK

cmyk(1%, 0%, 5%, 31%)

Oklch

oklch(75.1% 0.013 111.8)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#96B6B0

Jade · DarkGray · Lake Green

HEX

#96B6B0

RGB

rgb(150, 182, 176)

HSL

hsl(169, 18%, 65%)

HSB

hsb(169, 18%, 71%)

CMYK

cmyk(18%, 0%, 3%, 29%)

Oklch

oklch(75.1% 0.036 182.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F59988

8AE5F5

Analogous

F58AAF

F59988

F5CF8A

Triadic

F59988

8AF59A

9A8AF5

Split-Comp.

F59988

8AF5CF

8AAFF5

Tetradic

F59988

AFF58A

8AE5F5

CF8AF5

Contrast Matrix WCAG 2.1 Contrast

F59988	DDA092	C6A89C	AEAFA6	96B6B0
—	1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail	—

White BG

2.1Fail

2.2Fail

Black BG

9.8AAA

9.5AAA

9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCC8C

C3C295

B9B99F

AEAEA8

A4A4B1

Deuteranopia

D3D98D

C6CB96

BBBDA0

AEAEA9

A2A0B2

Tritanopia

F08F90

DA9899

C5A1A2

AEAAAA

98B3B3

Achromatopsia

B3B3B3

B1B1B1

B0B0B0

AEAEAE

ACACAC

Shades & Tints Shades & Tints

#F59988

Dark

Light

#DDA092

Dark

Light

#C6A89C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f59988;
  --color-2: #dda092;
  --color-3: #c6a89c;
  --color-4: #aeafa6;
  --color-5: #96b6b0;
}

SCSS

$color-1: #f59988;
$color-2: #dda092;
$color-3: #c6a89c;
$color-4: #aeafa6;
$color-5: #96b6b0;

TAILWIND

colors: {
  'brand-1': '#f59988',
  'brand-2': '#dda092',
  'brand-3': '#c6a89c',
  'brand-4': '#aeafa6',
  'brand-5': '#96b6b0',
}

RGB Array

[245, 153, 136], [221, 160, 146], [198, 168, 156], [174, 175, 166], [150, 182, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #F59988, #DDA092, #C6A89C, #AEAFA6, #96B6B0 is ideal for: health products, baby brands, fresh-style blogs. 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: #f59988; --color-2: #dda092; --color-3: #c6a89c; --color-4: #aeafa6; --color-5: #96b6b0. 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 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