← Back to Editor

#3E3640 · #B0B394 · #FFFFFF · #FFE3EC · #EB1357

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#3E3640

Dark Plum · DarkSlateGray · Dark Stone

HEX
#3E3640
RGB
rgb(62, 54, 64)
HSL
hsl(288, 8%, 23%)
HSB
hsb(288, 16%, 25%)
CMYK
cmyk(3%, 16%, 0%, 75%)
Oklch
oklch(34.5% 0.020 319.5)

Traditional「Dark Plum」· Paint「Dark Stone」· Creative Midnight Shadow

#B0B394

Fresh Green · DarkGray · Sunflower

HEX
#B0B394
RGB
rgb(176, 179, 148)
HSL
hsl(66, 17%, 64%)
HSB
hsb(66, 17%, 70%)
CMYK
cmyk(2%, 0%, 17%, 30%)
Oklch
oklch(75.6% 0.043 111.9)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#FFE3EC

Rouge · Linen · Cherry Blossom

HEX
#FFE3EC
RGB
rgb(255, 227, 236)
HSL
hsl(341, 100%, 95%)
HSB
hsb(341, 11%, 100%)
CMYK
cmyk(0%, 11%, 7%, 0%)
Oklch
oklch(94.1% 0.033 356.3)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#EB1357

Dark Violet · Crimson · Camellia

HEX
#EB1357
RGB
rgb(235, 19, 87)
HSL
hsl(341, 85%, 50%)
HSB
hsb(341, 92%, 92%)
CMYK
cmyk(0%, 92%, 63%, 8%)
Oklch
oklch(60.3% 0.235 13.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3E3640
383F36

Analogous

39363F
3E3640
3F363D

Triadic

3E3640
3F3D36
363F3D

Split-Comp.

3E3640
3D3F36
363F39

Tetradic

3E3640
3F3936
383F36
363D3F

Contrast Matrix WCAG 2.1 Contrast

3E3640
B0B394
FFFFFF
FFE3EC
EB1357
—
5.4
AA
11.6
AAA
9.7
AAA
2.6
Fail
5.4
AA
—
2.2
Fail
1.8
Fail
2.0
Fail
11.6
AAA
2.2
Fail
—
1.2
Fail
4.4
AA Large
9.7
AAA
1.8
Fail
1.2
Fail
—
3.7
AA Large
2.6
Fail
2.0
Fail
4.4
AA Large
3.7
AA Large
—
White BG
11.6AAA
2.2Fail
1.0Fail
1.2Fail
4.4AA Large
Black BG
1.8Fail
9.7AAA
21.0AAA
17.5AAA
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3B3A3E
B1B19C
FFFFFF
F3F3EA
8D8C47

Deuteranopia

3B3C3D
B1B19D
FFFFFF
F5F7E9
9AAA43

Tritanopia

3E3C3B
B0A1A3
FFFFFF
FEE8E8
E03A37

Achromatopsia

3A3A3A
AFAFAF
FFFFFF
ECECEC
5B5B5B

Shades & Tints Shades & Tints

#3E3640

Dark
Light

#B0B394

Dark
Light

#FFFFFF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3e3640;
  --color-2: #b0b394;
  --color-3: #ffffff;
  --color-4: #ffe3ec;
  --color-5: #eb1357;
}

SCSS

$color-1: #3e3640;
$color-2: #b0b394;
$color-3: #ffffff;
$color-4: #ffe3ec;
$color-5: #eb1357;

TAILWIND

colors: {
  'brand-1': '#3e3640',
  'brand-2': '#b0b394',
  'brand-3': '#ffffff',
  'brand-4': '#ffe3ec',
  'brand-5': '#eb1357',
}

RGB Array

[62, 54, 64], [176, 179, 148], [255, 255, 255], [255, 227, 236], [235, 19, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #3E3640, #B0B394, #FFFFFF, #FFE3EC, #EB1357 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: #3e3640; --color-2: #b0b394; --color-3: #ffffff; --color-4: #ffe3ec; --color-5: #eb1357. 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