← Back to Editor

#8C8082 · #C19593 · #F5AAA4 · #E9BF93 · #DDD481

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#8C8082

Ash · Gray · Warm Gray

HEX
#8C8082
RGB
rgb(140, 128, 130)
HSL
hsl(350, 5%, 53%)
HSB
hsb(350, 9%, 55%)
CMYK
cmyk(0%, 9%, 7%, 45%)
Oklch
oklch(61.1% 0.015 6.1)

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

#C19593

Peach Pink · Tan · Coral Red

HEX
#C19593
RGB
rgb(193, 149, 147)
HSL
hsl(3, 27%, 67%)
HSB
hsb(3, 24%, 76%)
CMYK
cmyk(0%, 23%, 24%, 24%)
Oklch
oklch(71.0% 0.053 21.5)

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

#F5AAA4

Peach Pink · LightPink · Coral Red

HEX
#F5AAA4
RGB
rgb(245, 170, 164)
HSL
hsl(4, 80%, 80%)
HSB
hsb(4, 33%, 96%)
CMYK
cmyk(0%, 31%, 33%, 4%)
Oklch
oklch(80.8% 0.089 24.3)

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

#E9BF93

Goose Yellow · BurlyWood · Warm Sun

HEX
#E9BF93
RGB
rgb(233, 191, 147)
HSL
hsl(31, 66%, 75%)
HSB
hsb(31, 37%, 91%)
CMYK
cmyk(0%, 18%, 37%, 9%)
Oklch
oklch(83.1% 0.075 67.8)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#DDD481

Fresh Green · Khaki · Sunflower

HEX
#DDD481
RGB
rgb(221, 212, 129)
HSL
hsl(54, 58%, 69%)
HSB
hsb(54, 42%, 87%)
CMYK
cmyk(0%, 4%, 42%, 13%)
Oklch
oklch(85.9% 0.105 103.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8C8082
818D8B

Analogous

8D8189
8C8082
8D8581

Triadic

8C8082
838D81
81838D

Split-Comp.

8C8082
818D85
81898D

Tetradic

8C8082
898D81
818D8B
85818D

Contrast Matrix WCAG 2.1 Contrast

8C8082
C19593
F5AAA4
E9BF93
DDD481
—
1.4
Fail
2.0
Fail
2.2
Fail
2.5
Fail
1.4
Fail
—
1.4
Fail
1.5
Fail
1.7
Fail
2.0
Fail
1.4
Fail
—
1.1
Fail
1.2
Fail
2.2
Fail
1.5
Fail
1.1
Fail
—
1.1
Fail
2.5
Fail
1.7
Fail
1.2
Fail
1.1
Fail
—
White BG
3.8AA Large
2.6Fail
1.9Fail
1.7Fail
1.5Fail
Black BG
5.5AA
8.0AAA
11.2AAA
12.3AAA
13.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

878782
AEAE93
D5D4A5
D7D69E
D9D995

Deuteranopia

888881
B1B494
D9DFA6
D9DCA0
DADA9A

Tritanopia

8B8181
BF9494
F1A7A7
E7A6A8
DDA5A8

Achromatopsia

848484
A2A2A2
C0C0C0
C7C7C7
CDCDCD

Shades & Tints Shades & Tints

#8C8082

Dark
Light

#C19593

Dark
Light

#F5AAA4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8c8082;
  --color-2: #c19593;
  --color-3: #f5aaa4;
  --color-4: #e9bf93;
  --color-5: #ddd481;
}

SCSS

$color-1: #8c8082;
$color-2: #c19593;
$color-3: #f5aaa4;
$color-4: #e9bf93;
$color-5: #ddd481;

TAILWIND

colors: {
  'brand-1': '#8c8082',
  'brand-2': '#c19593',
  'brand-3': '#f5aaa4',
  'brand-4': '#e9bf93',
  'brand-5': '#ddd481',
}

RGB Array

[140, 128, 130], [193, 149, 147], [245, 170, 164], [233, 191, 147], [221, 212, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8C8082, #C19593, #F5AAA4, #E9BF93, #DDD481 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: #8c8082; --color-2: #c19593; --color-3: #f5aaa4; --color-4: #e9bf93; --color-5: #ddd481. 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