← Back to Editor

#543C43 · #7E9480 · #B0D6C5 · #C3E3CC · #EEF2C2

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#543C43

Dark Violet · DarkSlateGray · Camellia

HEX
#543C43
RGB
rgb(84, 60, 67)
HSL
hsl(343, 17%, 28%)
HSB
hsb(343, 29%, 33%)
CMYK
cmyk(0%, 29%, 20%, 67%)
Oklch
oklch(38.5% 0.035 359.7)

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

#7E9480

Celadon · Gray · Warm Gray

HEX
#7E9480
RGB
rgb(126, 148, 128)
HSL
hsl(125, 9%, 54%)
HSB
hsb(125, 15%, 58%)
CMYK
cmyk(15%, 0%, 14%, 42%)
Oklch
oklch(64.3% 0.039 147.6)

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

#B0D6C5

Jade · Silver · Apple Green

HEX
#B0D6C5
RGB
rgb(176, 214, 197)
HSL
hsl(153, 32%, 76%)
HSB
hsb(153, 18%, 84%)
CMYK
cmyk(18%, 0%, 8%, 16%)
Oklch
oklch(84.4% 0.047 166.3)

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

#C3E3CC

Celadon · LightGray · Mint Green

HEX
#C3E3CC
RGB
rgb(195, 227, 204)
HSL
hsl(137, 36%, 83%)
HSB
hsb(137, 14%, 89%)
CMYK
cmyk(14%, 0%, 10%, 11%)
Oklch
oklch(88.6% 0.046 154.1)

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

#EEF2C2

Fresh Green · Bisque · Lemon Cream

HEX
#EEF2C2
RGB
rgb(238, 242, 194)
HSL
hsl(65, 65%, 85%)
HSB
hsb(65, 20%, 95%)
CMYK
cmyk(2%, 0%, 20%, 5%)
Oklch
oklch(94.6% 0.063 111.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

543C43
3B544D

Analogous

543B4E
543C43
54413B

Triadic

543C43
42543B
3B4254

Split-Comp.

543C43
3B5441
3B4E54

Tetradic

543C43
4E543B
3B544D
413B54

Contrast Matrix WCAG 2.1 Contrast

543C43
7E9480
B0D6C5
C3E3CC
EEF2C2
—
3.1
AA Large
6.3
AA
7.2
AAA
8.6
AAA
3.1
AA Large
—
2.1
Fail
2.4
Fail
2.8
Fail
6.3
AA
2.1
Fail
—
1.1
Fail
1.4
Fail
7.2
AAA
2.4
Fail
1.1
Fail
—
1.2
Fail
8.6
AAA
2.8
Fail
1.4
Fail
1.2
Fail
—
White BG
10.0AAA
3.3AA Large
1.6Fail
1.4Fail
1.2Fail
Black BG
2.1Fail
6.4AA
13.3AAA
15.2AAA
18.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4A4941
888885
C0C1C9
D1D1D2
F0F0CE

Deuteranopia

4B4D41
868586
BEBBCA
CFCDD3
F0EFD0

Tritanopia

534040
7F898A
B2CCCD
C5D6D7
EED7D9

Achromatopsia

444444
8B8B8B
C9C9C9
D7D7D7
EBEBEB

Shades & Tints Shades & Tints

#543C43

Dark
Light

#7E9480

Dark
Light

#B0D6C5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #543c43;
  --color-2: #7e9480;
  --color-3: #b0d6c5;
  --color-4: #c3e3cc;
  --color-5: #eef2c2;
}

SCSS

$color-1: #543c43;
$color-2: #7e9480;
$color-3: #b0d6c5;
$color-4: #c3e3cc;
$color-5: #eef2c2;

TAILWIND

colors: {
  'brand-1': '#543c43',
  'brand-2': '#7e9480',
  'brand-3': '#b0d6c5',
  'brand-4': '#c3e3cc',
  'brand-5': '#eef2c2',
}

RGB Array

[84, 60, 67], [126, 148, 128], [176, 214, 197], [195, 227, 204], [238, 242, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #543C43, #7E9480, #B0D6C5, #C3E3CC, #EEF2C2 is ideal for: health products, baby brands, fresh-style blogs, 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: #543c43; --color-2: #7e9480; --color-3: #b0d6c5; --color-4: #c3e3cc; --color-5: #eef2c2. 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. 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 cool-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