← Back to Editor

#42342F · #7792A4 · #6BCCB4 · #DAF3E4 · #EAD9DE

A 5-color palette 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

#42342F

Tangerine · DarkSlateGray · Cinnamon

HEX
#42342F
RGB
rgb(66, 52, 47)
HSL
hsl(16, 17%, 22%)
HSB
hsb(16, 29%, 26%)
CMYK
cmyk(0%, 21%, 29%, 74%)
Oklch
oklch(33.9% 0.022 40.6)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#7792A4

Slate Blue · LightSlateGray · Navy Blue

HEX
#7792A4
RGB
rgb(119, 146, 164)
HSL
hsl(204, 20%, 55%)
HSB
hsb(204, 27%, 64%)
CMYK
cmyk(27%, 11%, 0%, 36%)
Oklch
oklch(64.5% 0.041 237.5)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#6BCCB4

Jade · MediumAquaMarine · Lake Green

HEX
#6BCCB4
RGB
rgb(107, 204, 180)
HSL
hsl(165, 49%, 61%)
HSB
hsb(165, 48%, 80%)
CMYK
cmyk(48%, 0%, 12%, 20%)
Oklch
oklch(77.9% 0.099 175.5)

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

#DAF3E4

Emerald · Beige · Mint Green

HEX
#DAF3E4
RGB
rgb(218, 243, 228)
HSL
hsl(144, 51%, 90%)
HSB
hsb(144, 10%, 95%)
CMYK
cmyk(10%, 0%, 6%, 5%)
Oklch
oklch(94.2% 0.033 159.4)

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

#EAD9DE

Rouge · LightGray · Cherry Blossom

HEX
#EAD9DE
RGB
rgb(234, 217, 222)
HSL
hsl(342, 29%, 88%)
HSB
hsb(342, 7%, 92%)
CMYK
cmyk(0%, 7%, 5%, 8%)
Oklch
oklch(90.0% 0.020 357.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

42342F
2F3D42

Analogous

422F33
42342F
423D2F

Triadic

42342F
2F4234
342F42

Split-Comp.

42342F
2F423D
2F3342

Tetradic

42342F
33422F
2F3D42
3D2F42

Contrast Matrix WCAG 2.1 Contrast

42342F
7792A4
6BCCB4
DAF3E4
EAD9DE
—
3.6
AA Large
6.2
AA
10.2
AAA
8.8
AAA
3.6
AA Large
—
1.7
Fail
2.8
Fail
2.4
Fail
6.2
AA
1.7
Fail
—
1.6
Fail
1.4
Fail
10.2
AAA
2.8
Fail
1.6
Fail
—
1.2
Fail
8.8
AAA
2.4
Fail
1.4
Fail
1.2
Fail
—
White BG
11.9AAA
3.3AA Large
1.9Fail
1.2Fail
1.4Fail
Black BG
1.8Fail
6.4AA
10.9AAA
17.9AAA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3C3C30
8383A0
9596BA
E5E5E8
E3E2DD

Deuteranopia

3D3E31
817F9F
8F88BB
E3E2E9
E4E5DC

Tritanopia

413131
789C9B
70BEBF
DBEAEB
E9DCDC

Achromatopsia

383838
8C8C8C
ACACAC
EAEAEA
DFDFDF

Shades & Tints Shades & Tints

#42342F

Dark
Light

#7792A4

Dark
Light

#6BCCB4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #42342f;
  --color-2: #7792a4;
  --color-3: #6bccb4;
  --color-4: #daf3e4;
  --color-5: #ead9de;
}

SCSS

$color-1: #42342f;
$color-2: #7792a4;
$color-3: #6bccb4;
$color-4: #daf3e4;
$color-5: #ead9de;

TAILWIND

colors: {
  'brand-1': '#42342f',
  'brand-2': '#7792a4',
  'brand-3': '#6bccb4',
  'brand-4': '#daf3e4',
  'brand-5': '#ead9de',
}

RGB Array

[66, 52, 47], [119, 146, 164], [107, 204, 180], [218, 243, 228], [234, 217, 222]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #42342F, #7792A4, #6BCCB4, #DAF3E4, #EAD9DE 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: #42342f; --color-2: #7792a4; --color-3: #6bccb4; --color-4: #daf3e4; --color-5: #ead9de. 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