#F7A58F + #918081 + #79D1B9 + #B5DECF + #F8FFB8 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#F7A58F

Peach Pink · LightSalmon · Coral Red

HEX

#F7A58F

RGB

rgb(247, 165, 143)

HSL

hsl(13, 87%, 76%)

HSB

hsb(13, 42%, 97%)

CMYK

cmyk(0%, 33%, 42%, 3%)

Oklch

oklch(79.7% 0.103 35.7)

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

#918081

Ash · Gray · Warm Gray

HEX

#918081

RGB

rgb(145, 128, 129)

HSL

hsl(356, 7%, 54%)

HSB

hsb(356, 12%, 57%)

CMYK

cmyk(0%, 12%, 11%, 43%)

Oklch

oklch(61.6% 0.021 13.7)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#79D1B9

Jade · MediumAquaMarine · Lake Green

HEX

#79D1B9

RGB

rgb(121, 209, 185)

HSL

hsl(164, 49%, 65%)

HSB

hsb(164, 42%, 82%)

CMYK

cmyk(42%, 0%, 11%, 18%)

Oklch

oklch(79.8% 0.093 174.3)

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

#B5DECF

Jade · LightBlue · Apple Green

HEX

#B5DECF

RGB

rgb(181, 222, 207)

HSL

hsl(158, 38%, 79%)

HSB

hsb(158, 18%, 87%)

CMYK

cmyk(18%, 0%, 7%, 13%)

Oklch

oklch(86.7% 0.048 170.9)

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

#F8FFB8

Fresh Green · Bisque · Lemon Cream

HEX

#F8FFB8

RGB

rgb(248, 255, 184)

HSL

hsl(66, 100%, 86%)

HSB

hsb(66, 28%, 100%)

CMYK

cmyk(3%, 0%, 28%, 0%)

Oklch

oklch(97.8% 0.090 112.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7A58F

8DE0F7

Analogous

F78DAB

F7A58F

F7D98D

Triadic

F7A58F

8DF7A4

A48DF7

Split-Comp.

F7A58F

8DF7D9

8DABF7

Tetradic

F7A58F

ABF78D

8DE0F7

D98DF7

Contrast Matrix WCAG 2.1 Contrast

F7A58F	918081	79D1B9	B5DECF	F8FFB8
—	1.9 Fail	1.1 Fail	1.3 Fail	1.9 Fail
1.9 Fail	—	2.1 Fail	2.6 Fail	3.6 AA Large
1.1 Fail	2.1 Fail	—	1.2 Fail	1.7 Fail
1.3 Fail	2.6 Fail	1.2 Fail	—	1.4 Fail
1.9 Fail	3.6 AA Large	1.7 Fail	1.4 Fail	—

White BG

2.0Fail

3.7AA Large

1.8Fail

1.5Fail

1.1Fail

Black BG

10.7AAA

5.6AA

11.6AAA

14.3AAA

20.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D394

8A8981

9FA0BF

C7C7D3

FBFBC9

Deuteranopia

D8DE96

8B8C81

9A93C0

C4C1D3

FBFACD

Tritanopia

F39999

908181

7DC3C4

B7D5D6

F8D7DA

Achromatopsia

BBBBBB

858585

B4B4B4

D0D0D0

F5F5F5

Shades & Tints Shades & Tints

#F7A58F

Dark

Light

#918081

Dark

Light

#79D1B9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7a58f;
  --color-2: #918081;
  --color-3: #79d1b9;
  --color-4: #b5decf;
  --color-5: #f8ffb8;
}

SCSS

$color-1: #f7a58f;
$color-2: #918081;
$color-3: #79d1b9;
$color-4: #b5decf;
$color-5: #f8ffb8;

TAILWIND

colors: {
  'brand-1': '#f7a58f',
  'brand-2': '#918081',
  'brand-3': '#79d1b9',
  'brand-4': '#b5decf',
  'brand-5': '#f8ffb8',
}

RGB Array

[247, 165, 143], [145, 128, 129], [121, 209, 185], [181, 222, 207], [248, 255, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #F7A58F, #918081, #79D1B9, #B5DECF, #F8FFB8 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: #f7a58f; --color-2: #918081; --color-3: #79d1b9; --color-4: #b5decf; --color-5: #f8ffb8. 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