#F79391 + #ECAD95 + #F6B894 + #A6B1A8 + #DFD0C0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F79391

Peach Pink · LightCoral · Coral Red

HEX

#F79391

RGB

rgb(247, 147, 145)

HSL

hsl(1, 86%, 77%)

HSB

hsb(1, 41%, 97%)

CMYK

cmyk(0%, 40%, 41%, 3%)

Oklch

oklch(76.7% 0.121 21.5)

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

#ECAD95

Apricot · BurlyWood · Warm Sun

HEX

#ECAD95

RGB

rgb(236, 173, 149)

HSL

hsl(17, 70%, 75%)

HSB

hsb(17, 37%, 93%)

CMYK

cmyk(0%, 27%, 37%, 7%)

Oklch

oklch(80.1% 0.082 41.8)

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

#F6B894

Apricot · BurlyWood · Peach Orange

HEX

#F6B894

RGB

rgb(246, 184, 148)

HSL

hsl(22, 84%, 77%)

HSB

hsb(22, 40%, 96%)

CMYK

cmyk(0%, 25%, 40%, 4%)

Oklch

oklch(83.1% 0.087 51.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#A6B1A8

Ash · DarkGray · Silver Sand

HEX

#A6B1A8

RGB

rgb(166, 177, 168)

HSL

hsl(131, 7%, 67%)

HSB

hsb(131, 6%, 69%)

CMYK

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

Oklch

oklch(74.9% 0.018 151.0)

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

#DFD0C0

Goose Yellow · LightGray · Peach Orange

HEX

#DFD0C0

RGB

rgb(223, 208, 192)

HSL

hsl(31, 33%, 81%)

HSB

hsb(31, 14%, 87%)

CMYK

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

Oklch

oklch(86.5% 0.027 69.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F79391

92F5F7

Analogous

F792C3

F79391

F7C692

Triadic

F79391

92F794

9492F7

Split-Comp.

F79391

92F7C6

92C3F7

Tetradic

F79391

C3F792

92F5F7

C692F7

Contrast Matrix WCAG 2.1 Contrast

F79391	ECAD95	F6B894	A6B1A8	DFD0C0
—	1.2 Fail	1.3 Fail	1.0 Fail	1.5 Fail
1.2 Fail	—	1.1 Fail	1.2 Fail	1.3 Fail
1.3 Fail	1.1 Fail	—	1.3 Fail	1.1 Fail
1.0 Fail	1.2 Fail	1.3 Fail	—	1.5 Fail
1.5 Fail	1.3 Fail	1.1 Fail	1.5 Fail	—

White BG

2.2Fail

1.9Fail

1.7Fail

2.2Fail

1.5Fail

Black BG

9.5AAA

11.0AAA

12.2AAA

9.5AAA

13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCB91

D1D09B

DBDB9D

ABABAA

D9D8C4

Deuteranopia

D2D992

D4D99C

DFE39F

AAA9AB

D9DBC5

Tritanopia

F29292

E99FA0

F3A4A5

A7ACAC

DEC7C8

Achromatopsia

B1B1B1

BDBDBD

C6C6C6

ADADAD

D3D3D3

Shades & Tints Shades & Tints

#F79391

Dark

Light

#ECAD95

Dark

Light

#F6B894

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f79391;
  --color-2: #ecad95;
  --color-3: #f6b894;
  --color-4: #a6b1a8;
  --color-5: #dfd0c0;
}

SCSS

$color-1: #f79391;
$color-2: #ecad95;
$color-3: #f6b894;
$color-4: #a6b1a8;
$color-5: #dfd0c0;

TAILWIND

colors: {
  'brand-1': '#f79391',
  'brand-2': '#ecad95',
  'brand-3': '#f6b894',
  'brand-4': '#a6b1a8',
  'brand-5': '#dfd0c0',
}

RGB Array

[247, 147, 145], [236, 173, 149], [246, 184, 148], [166, 177, 168], [223, 208, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F79391, #ECAD95, #F6B894, #A6B1A8, #DFD0C0 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: #f79391; --color-2: #ecad95; --color-3: #f6b894; --color-4: #a6b1a8; --color-5: #dfd0c0. 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 general-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