← Back to Editor

#99C5A4 · #E6CBA0 · #E36A5F · #D53A48 · #543242

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#99C5A4

Celadon · DarkSeaGreen · Apple Green

HEX
#99C5A4
RGB
rgb(153, 197, 164)
HSL
hsl(135, 28%, 69%)
HSB
hsb(135, 22%, 77%)
CMYK
cmyk(22%, 0%, 17%, 23%)
Oklch
oklch(78.3% 0.066 152.3)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#E6CBA0

Goose Yellow · Wheat · Peach Orange

HEX
#E6CBA0
RGB
rgb(230, 203, 160)
HSL
hsl(37, 58%, 76%)
HSB
hsb(37, 30%, 90%)
CMYK
cmyk(0%, 12%, 30%, 10%)
Oklch
oklch(85.4% 0.064 79.2)

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

#E36A5F

Peach Pink · Salmon · Coral Red

HEX
#E36A5F
RGB
rgb(227, 106, 95)
HSL
hsl(5, 70%, 63%)
HSB
hsb(5, 58%, 89%)
CMYK
cmyk(0%, 53%, 58%, 11%)
Oklch
oklch(66.8% 0.153 27.2)

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

#D53A48

Vermilion · Crimson · Passion Red

HEX
#D53A48
RGB
rgb(213, 58, 72)
HSL
hsl(355, 65%, 53%)
HSB
hsb(355, 73%, 84%)
CMYK
cmyk(0%, 73%, 66%, 16%)
Oklch
oklch(58.4% 0.191 20.7)

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

#543242

Dark Violet · DarkSlateGray · Camellia

HEX
#543242
RGB
rgb(84, 50, 66)
HSL
hsl(332, 25%, 26%)
HSB
hsb(332, 40%, 33%)
CMYK
cmyk(0%, 40%, 21%, 67%)
Oklch
oklch(36.4% 0.054 350.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

99C5A4
C69ABB

Analogous

A5C69A
99C5A4
9AC6BB

Triadic

99C5A4
A59AC6
C6A59A

Split-Comp.

99C5A4
BB9AC6
C69AA5

Tetradic

99C5A4
9AA5C6
C69ABB
C6BB9A

Contrast Matrix WCAG 2.1 Contrast

99C5A4
E6CBA0
E36A5F
D53A48
543242
—
1.2
Fail
1.7
Fail
2.4
Fail
5.7
AA
1.2
Fail
—
2.1
Fail
3.0
Fail
7.0
AAA
1.7
Fail
2.1
Fail
—
1.4
Fail
3.4
AA Large
2.4
Fail
3.0
Fail
1.4
Fail
—
2.4
Fail
5.7
AA
7.0
AAA
3.4
AA Large
2.4
Fail
—
White BG
1.9Fail
1.6Fail
3.2AA Large
4.6AA
11.0AAA
Black BG
10.9AAA
13.4AAA
6.5AA
4.5AA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACACAC
DADAAA
AFAE62
929045
45453E

Deuteranopia

AAA6AE
DCDEAD
B6BF62
9BA744
474A3D

Tritanopia

9BB2B4
E5B3B4
DD6464
CD4241
523B3A

Achromatopsia

B4B4B4
CECECE
8D8D8D
6A6A6A
3E3E3E

Shades & Tints Shades & Tints

#99C5A4

Dark
Light

#E6CBA0

Dark
Light

#E36A5F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #99c5a4;
  --color-2: #e6cba0;
  --color-3: #e36a5f;
  --color-4: #d53a48;
  --color-5: #543242;
}

SCSS

$color-1: #99c5a4;
$color-2: #e6cba0;
$color-3: #e36a5f;
$color-4: #d53a48;
$color-5: #543242;

TAILWIND

colors: {
  'brand-1': '#99c5a4',
  'brand-2': '#e6cba0',
  'brand-3': '#e36a5f',
  'brand-4': '#d53a48',
  'brand-5': '#543242',
}

RGB Array

[153, 197, 164], [230, 203, 160], [227, 106, 95], [213, 58, 72], [84, 50, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #99C5A4, #E6CBA0, #E36A5F, #D53A48, #543242 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #99c5a4; --color-2: #e6cba0; --color-3: #e36a5f; --color-4: #d53a48; --color-5: #543242. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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