← Back to Editor

#2E2B3E · #78C2AB · #B2D7B6 · #E8E1C4 · #974B65

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

#2E2B3E

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#2E2B3E
RGB
rgb(46, 43, 62)
HSL
hsl(249, 18%, 21%)
HSB
hsb(249, 31%, 24%)
CMYK
cmyk(26%, 31%, 0%, 76%)
Oklch
oklch(30.1% 0.034 291.4)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#78C2AB

Jade · MediumAquaMarine · Lake Green

HEX
#78C2AB
RGB
rgb(120, 194, 171)
HSL
hsl(161, 38%, 62%)
HSB
hsb(161, 38%, 76%)
CMYK
cmyk(38%, 0%, 12%, 24%)
Oklch
oklch(75.9% 0.082 172.3)

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

#B2D7B6

Celadon · Silver · Apple Green

HEX
#B2D7B6
RGB
rgb(178, 215, 182)
HSL
hsl(126, 32%, 77%)
HSB
hsb(126, 17%, 84%)
CMYK
cmyk(17%, 0%, 15%, 16%)
Oklch
oklch(84.3% 0.060 148.0)

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

#E8E1C4

Goose Yellow · Wheat · Lemon Cream

HEX
#E8E1C4
RGB
rgb(232, 225, 196)
HSL
hsl(48, 44%, 84%)
HSB
hsb(48, 16%, 91%)
CMYK
cmyk(0%, 3%, 16%, 9%)
Oklch
oklch(90.8% 0.039 95.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#974B65

Dark Violet · DimGray · Camellia

HEX
#974B65
RGB
rgb(151, 75, 101)
HSL
hsl(339, 34%, 44%)
HSB
hsb(339, 50%, 59%)
CMYK
cmyk(0%, 50%, 33%, 41%)
Oklch
oklch(51.4% 0.106 359.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E2B3E
3C3F2C

Analogous

2C333F
2E2B3E
382C3F

Triadic

2E2B3E
3F2F2C
2C3F2F

Split-Comp.

2E2B3E
3F382C
333F2C

Tetradic

2E2B3E
3F2C33
3C3F2C
2C3F38

Contrast Matrix WCAG 2.1 Contrast

2E2B3E
78C2AB
B2D7B6
E8E1C4
974B65
—
6.6
AA
8.7
AAA
10.4
AAA
2.3
Fail
6.6
AA
—
1.3
Fail
1.6
Fail
2.9
Fail
8.7
AAA
1.3
Fail
—
1.2
Fail
3.8
AA Large
10.4
AAA
1.6
Fail
1.2
Fail
—
4.6
AA
2.3
Fail
2.9
Fail
3.8
AA Large
4.6
AA
—
White BG
13.7AAA
2.1Fail
1.6Fail
1.3Fail
6.0AA
Black BG
1.5Fail
10.1AAA
13.3AAA
16.0AAA
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

2D2D39
9899B1
C2C2BE
E5E5CB
76755F

Deuteranopia

2D2D38
948EB2
C0BDC0
E5E6CD
7B805D

Tritanopia

2E3635
7CB5B6
B4C4C6
E8D1D2
935A59

Achromatopsia

2E2E2E
A9A9A9
C8C8C8
E0E0E0
656565

Shades & Tints Shades & Tints

#2E2B3E

Dark
Light

#78C2AB

Dark
Light

#B2D7B6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e2b3e;
  --color-2: #78c2ab;
  --color-3: #b2d7b6;
  --color-4: #e8e1c4;
  --color-5: #974b65;
}

SCSS

$color-1: #2e2b3e;
$color-2: #78c2ab;
$color-3: #b2d7b6;
$color-4: #e8e1c4;
$color-5: #974b65;

TAILWIND

colors: {
  'brand-1': '#2e2b3e',
  'brand-2': '#78c2ab',
  'brand-3': '#b2d7b6',
  'brand-4': '#e8e1c4',
  'brand-5': '#974b65',
}

RGB Array

[46, 43, 62], [120, 194, 171], [178, 215, 182], [232, 225, 196], [151, 75, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2E2B3E, #78C2AB, #B2D7B6, #E8E1C4, #974B65 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: #2e2b3e; --color-2: #78c2ab; --color-3: #b2d7b6; --color-4: #e8e1c4; --color-5: #974b65. 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