← Back to Editor

#5D052A · #50A79B · #8CE3B9 · #A4CEA6 · #DDD396

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#5D052A

Dark Violet · Maroon · Raspberry

HEX
#5D052A
RGB
rgb(93, 5, 42)
HSL
hsl(335, 90%, 19%)
HSB
hsb(335, 95%, 36%)
CMYK
cmyk(0%, 95%, 55%, 64%)
Oklch
oklch(31.2% 0.120 3.8)

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

#50A79B

Mineral Blue · CadetBlue · Mint Ice

HEX
#50A79B
RGB
rgb(80, 167, 155)
HSL
hsl(172, 35%, 48%)
HSB
hsb(172, 52%, 65%)
CMYK
cmyk(52%, 0%, 7%, 35%)
Oklch
oklch(67.1% 0.086 183.5)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#8CE3B9

Jade · LightGreen · Apple Green

HEX
#8CE3B9
RGB
rgb(140, 227, 185)
HSL
hsl(151, 61%, 72%)
HSB
hsb(151, 38%, 89%)
CMYK
cmyk(38%, 0%, 19%, 11%)
Oklch
oklch(84.9% 0.104 162.2)

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

#A4CEA6

Celadon · DarkSeaGreen · Apple Green

HEX
#A4CEA6
RGB
rgb(164, 206, 166)
HSL
hsl(123, 30%, 73%)
HSB
hsb(123, 20%, 81%)
CMYK
cmyk(20%, 0%, 19%, 19%)
Oklch
oklch(81.0% 0.071 146.1)

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

#DDD396

Fresh Green · Khaki · Sunflower

HEX
#DDD396
RGB
rgb(221, 211, 150)
HSL
hsl(52, 51%, 73%)
HSB
hsb(52, 32%, 87%)
CMYK
cmyk(0%, 5%, 32%, 13%)
Oklch
oklch(86.1% 0.080 100.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5D052A
055C38

Analogous

5C0555
5D052A
5C0C05

Triadic

5D052A
295C05
05295C

Split-Comp.

5D052A
055C0C
05555C

Tetradic

5D052A
555C05
055C38
0C055C

Contrast Matrix WCAG 2.1 Contrast

5D052A
50A79B
8CE3B9
A4CEA6
DDD396
—
4.8
AA
9.1
AAA
7.9
AAA
9.1
AAA
4.8
AA
—
1.9
Fail
1.6
Fail
1.9
Fail
9.1
AAA
1.9
Fail
—
1.2
Fail
1.0
Fail
7.9
AAA
1.6
Fail
1.2
Fail
—
1.2
Fail
9.1
AAA
1.9
Fail
1.0
Fail
1.2
Fail
—
White BG
13.8AAA
2.9Fail
1.5Fail
1.8Fail
1.5Fail
Black BG
1.5Fail
7.3AAA
13.8AAA
12.0AAA
13.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

373621
76769E
B2B2C3
B6B7B0
D9D9A5

Deuteranopia

3C431F
716A9F
ADA6C6
B4B1B2
D9DAA8

Tritanopia

591A18
54A0A1
90CBCD
A6B7B9
DDB0B3

Achromatopsia

242424
8C8C8C
C4C4C4
BDBDBD
CFCFCF

Shades & Tints Shades & Tints

#5D052A

Dark
Light

#50A79B

Dark
Light

#8CE3B9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5d052a;
  --color-2: #50a79b;
  --color-3: #8ce3b9;
  --color-4: #a4cea6;
  --color-5: #ddd396;
}

SCSS

$color-1: #5d052a;
$color-2: #50a79b;
$color-3: #8ce3b9;
$color-4: #a4cea6;
$color-5: #ddd396;

TAILWIND

colors: {
  'brand-1': '#5d052a',
  'brand-2': '#50a79b',
  'brand-3': '#8ce3b9',
  'brand-4': '#a4cea6',
  'brand-5': '#ddd396',
}

RGB Array

[93, 5, 42], [80, 167, 155], [140, 227, 185], [164, 206, 166], [221, 211, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #5D052A, #50A79B, #8CE3B9, #A4CEA6, #DDD396 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: #5d052a; --color-2: #50a79b; --color-3: #8ce3b9; --color-4: #a4cea6; --color-5: #ddd396. 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 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