← Back to Editor

#543942 · #D8EAD4 · #785A69 · #A3A28E · #CE594F

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

#543942

Dark Violet · DarkSlateGray · Camellia

HEX
#543942
RGB
rgb(84, 57, 66)
HSL
hsl(340, 19%, 28%)
HSB
hsb(340, 32%, 33%)
CMYK
cmyk(0%, 32%, 21%, 67%)
Oklch
oklch(37.9% 0.041 357.5)

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

#D8EAD4

Celadon · LightGray · Mint Green

HEX
#D8EAD4
RGB
rgb(216, 234, 212)
HSL
hsl(109, 34%, 87%)
HSB
hsb(109, 9%, 92%)
CMYK
cmyk(8%, 0%, 9%, 8%)
Oklch
oklch(91.8% 0.035 140.0)

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

#785A69

Dark Violet · DimGray · Camellia

HEX
#785A69
RGB
rgb(120, 90, 105)
HSL
hsl(330, 14%, 41%)
HSB
hsb(330, 25%, 47%)
CMYK
cmyk(0%, 25%, 13%, 53%)
Oklch
oklch(50.3% 0.045 347.3)

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

#A3A28E

Autumn Sage · DarkGray · Sunflower

HEX
#A3A28E
RGB
rgb(163, 162, 142)
HSL
hsl(57, 10%, 60%)
HSB
hsb(57, 13%, 64%)
CMYK
cmyk(0%, 1%, 13%, 36%)
Oklch
oklch(70.7% 0.028 104.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#CE594F

Crimson · Tomato · Passion Red

HEX
#CE594F
RGB
rgb(206, 89, 79)
HSL
hsl(5, 56%, 56%)
HSB
hsb(5, 62%, 81%)
CMYK
cmyk(0%, 57%, 62%, 19%)
Oklch
oklch(61.0% 0.151 27.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

543942
3A554C

Analogous

553A50
543942
553E3A

Triadic

543942
43553A
3A4355

Split-Comp.

543942
3A553E
3A5055

Tetradic

543942
50553A
3A554C
3E3A55

Contrast Matrix WCAG 2.1 Contrast

543942
D8EAD4
785A69
A3A28E
CE594F
—
8.2
AAA
1.7
Fail
4.0
AA Large
2.5
Fail
8.2
AAA
—
4.8
AA
2.1
Fail
3.2
AA Large
1.7
Fail
4.8
AA
—
2.3
Fail
1.5
Fail
4.0
AA Large
2.1
Fail
2.3
Fail
—
1.6
Fail
2.5
Fail
3.2
AA Large
1.5
Fail
1.6
Fail
—
White BG
10.3AAA
1.3Fail
6.1AA
2.6Fail
4.1AA Large
Black BG
2.0Fail
16.6AAA
3.5AA Large
8.1AAA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

484840
E0E0D9
6B6B65
A3A393
9B9A51

Deuteranopia

4A4C3F
DFDDDB
6D6F65
A3A394
A2AB52

Tritanopia

533E3E
D9DEDE
776362
A39798
C85354

Achromatopsia

424242
E2E2E2
656565
A0A0A0
7B7B7B

Shades & Tints Shades & Tints

#543942

Dark
Light

#D8EAD4

Dark
Light

#785A69

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #543942;
  --color-2: #d8ead4;
  --color-3: #785a69;
  --color-4: #a3a28e;
  --color-5: #ce594f;
}

SCSS

$color-1: #543942;
$color-2: #d8ead4;
$color-3: #785a69;
$color-4: #a3a28e;
$color-5: #ce594f;

TAILWIND

colors: {
  'brand-1': '#543942',
  'brand-2': '#d8ead4',
  'brand-3': '#785a69',
  'brand-4': '#a3a28e',
  'brand-5': '#ce594f',
}

RGB Array

[84, 57, 66], [216, 234, 212], [120, 90, 105], [163, 162, 142], [206, 89, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #543942, #D8EAD4, #785A69, #A3A28E, #CE594F is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #543942; --color-2: #d8ead4; --color-3: #785a69; --color-4: #a3a28e; --color-5: #ce594f. 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. Restrained colors convey professionalism and trust. 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