#E7907F + #C0C5A5 + #C3E7D9 + #C9BC90 + #F8F4D9 · muted - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E7907F

Peach Pink · DarkSalmon · Coral Red

HEX

#E7907F

RGB

rgb(231, 144, 127)

HSL

hsl(10, 68%, 70%)

HSB

hsb(10, 45%, 91%)

CMYK

cmyk(0%, 38%, 45%, 9%)

Oklch

oklch(73.9% 0.109 31.8)

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

#C0C5A5

Fresh Green · Silver · Sunflower

HEX

#C0C5A5

RGB

rgb(192, 197, 165)

HSL

hsl(69, 22%, 71%)

HSB

hsb(69, 16%, 77%)

CMYK

cmyk(3%, 0%, 16%, 23%)

Oklch

oklch(81.1% 0.044 114.6)

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

#C3E7D9

Jade · LightGray · Mint Green

HEX

#C3E7D9

RGB

rgb(195, 231, 217)

HSL

hsl(157, 43%, 84%)

HSB

hsb(157, 16%, 91%)

CMYK

cmyk(16%, 0%, 6%, 9%)

Oklch

oklch(89.8% 0.042 169.8)

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

#C9BC90

Ginger · Tan · Sunflower

HEX

#C9BC90

RGB

rgb(201, 188, 144)

HSL

hsl(46, 35%, 68%)

HSB

hsb(46, 28%, 79%)

CMYK

cmyk(0%, 6%, 28%, 21%)

Oklch

oklch(79.5% 0.061 93.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#F8F4D9

Fresh Green · Beige · Lemon Cream

HEX

#F8F4D9

RGB

rgb(248, 244, 217)

HSL

hsl(52, 69%, 91%)

HSB

hsb(52, 13%, 97%)

CMYK

cmyk(0%, 2%, 13%, 3%)

Oklch

oklch(96.3% 0.036 100.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7907F

7ED5E7

Analogous

E77EA1

E7907F

E7C47E

Triadic

E7907F

7EE790

907EE7

Split-Comp.

E7907F

7EE7C4

7EA1E7

Tetradic

E7907F

A1E77E

7ED5E7

C47EE7

Contrast Matrix WCAG 2.1 Contrast

E7907F	C0C5A5	C3E7D9	C9BC90	F8F4D9
—	1.4 Fail	1.8 Fail	1.3 Fail	2.2 Fail
1.4 Fail	—	1.3 Fail	1.1 Fail	1.6 Fail
1.8 Fail	1.3 Fail	—	1.4 Fail	1.2 Fail
1.3 Fail	1.1 Fail	1.4 Fail	—	1.7 Fail
2.2 Fail	1.6 Fail	1.2 Fail	1.7 Fail	—

White BG

2.4Fail

1.8Fail

1.3Fail

1.9Fail

1.1Fail

Black BG

8.7AAA

11.8AAA

15.8AAA

11.1AAA

18.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C183

C2C2AD

D3D3DC

C3C39B

F6F6E0

Deuteranopia

C6CD84

C2C1AF

D1CEDD

C4C59D

F7F7E1

Tritanopia

E38687

C0B3B4

C5DFE0

C8A3A5

F8E5E6

Achromatopsia

A8A8A8

C0C0C0

DBDBDB

BBBBBB

F2F2F2

Shades & Tints Shades & Tints

#E7907F

Dark

Light

#C0C5A5

Dark

Light

#C3E7D9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7907f;
  --color-2: #c0c5a5;
  --color-3: #c3e7d9;
  --color-4: #c9bc90;
  --color-5: #f8f4d9;
}

SCSS

$color-1: #e7907f;
$color-2: #c0c5a5;
$color-3: #c3e7d9;
$color-4: #c9bc90;
$color-5: #f8f4d9;

TAILWIND

colors: {
  'brand-1': '#e7907f',
  'brand-2': '#c0c5a5',
  'brand-3': '#c3e7d9',
  'brand-4': '#c9bc90',
  'brand-5': '#f8f4d9',
}

RGB Array

[231, 144, 127], [192, 197, 165], [195, 231, 217], [201, 188, 144], [248, 244, 217]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #E7907F, #C0C5A5, #C3E7D9, #C9BC90, #F8F4D9 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: #e7907f; --color-2: #c0c5a5; --color-3: #c3e7d9; --color-4: #c9bc90; --color-5: #f8f4d9. 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 muted-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