#94555A + #E7E0C3 + #C99194 + #D5CE98 + #A48485 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#94555A

Crimson · Sienna · Passion Red

HEX

#94555A

RGB

rgb(148, 85, 90)

HSL

hsl(355, 27%, 46%)

HSB

hsb(355, 43%, 58%)

CMYK

cmyk(0%, 43%, 39%, 42%)

Oklch

oklch(52.4% 0.084 15.3)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#E7E0C3

Goose Yellow · Wheat · Lemon Cream

HEX

#E7E0C3

RGB

rgb(231, 224, 195)

HSL

hsl(48, 43%, 84%)

HSB

hsb(48, 16%, 91%)

CMYK

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

Oklch

oklch(90.5% 0.039 95.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#C99194

Peach Pink · Tan · Coral Red

HEX

#C99194

RGB

rgb(201, 145, 148)

HSL

hsl(357, 34%, 68%)

HSB

hsb(357, 28%, 79%)

CMYK

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

Oklch

oklch(71.2% 0.068 15.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#D5CE98

Fresh Green · Tan · Sunflower

HEX

#D5CE98

RGB

rgb(213, 206, 152)

HSL

hsl(53, 42%, 72%)

HSB

hsb(53, 29%, 84%)

CMYK

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

Oklch

oklch(84.4% 0.071 101.6)

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

#A48485

Crimson · Gray · Passion Red

HEX

#A48485

RGB

rgb(164, 132, 133)

HSL

hsl(358, 15%, 58%)

HSB

hsb(358, 20%, 64%)

CMYK

cmyk(0%, 20%, 19%, 36%)

Oklch

oklch(64.4% 0.039 16.1)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94555A

569590

Analogous

95567B

94555A

957056

Triadic

94555A

5B9556

565B95

Split-Comp.

94555A

569570

567B95

Tetradic

94555A

7B9556

569590

705695

Contrast Matrix WCAG 2.1 Contrast

94555A	E7E0C3	C99194	D5CE98	A48485
—	4.3 AA Large	2.1 Fail	3.5 AA Large	1.7 Fail
4.3 AA Large	—	2.0 Fail	1.2 Fail	2.5 Fail
2.1 Fail	2.0 Fail	—	1.6 Fail	1.3 Fail
3.5 AA Large	1.2 Fail	1.6 Fail	—	2.1 Fail
1.7 Fail	2.5 Fail	1.3 Fail	2.1 Fail	—

White BG

5.7AA

1.3Fail

2.6Fail

1.6Fail

3.4AA Large

Black BG

3.7AA Large

15.8AAA

8.0AAA

13.1AAA

6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

797859

E4E4CA

B1B093

D2D2A5

969685

Deuteranopia

7C8159

E4E5CC

B4B893

D2D3A8

989A85

Tritanopia

915858

E7D0D1

C69393

D5AFB2

A28585

Achromatopsia

686868

DFDFDF

A2A2A2

CACACA

8E8E8E

Shades & Tints Shades & Tints

#94555A

Dark

Light

#E7E0C3

Dark

Light

#C99194

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94555a;
  --color-2: #e7e0c3;
  --color-3: #c99194;
  --color-4: #d5ce98;
  --color-5: #a48485;
}

SCSS

$color-1: #94555a;
$color-2: #e7e0c3;
$color-3: #c99194;
$color-4: #d5ce98;
$color-5: #a48485;

TAILWIND

colors: {
  'brand-1': '#94555a',
  'brand-2': '#e7e0c3',
  'brand-3': '#c99194',
  'brand-4': '#d5ce98',
  'brand-5': '#a48485',
}

RGB Array

[148, 85, 90], [231, 224, 195], [201, 145, 148], [213, 206, 152], [164, 132, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #94555A, #E7E0C3, #C99194, #D5CE98, #A48485 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: #94555a; --color-2: #e7e0c3; --color-3: #c99194; --color-4: #d5ce98; --color-5: #a48485. 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