← Back to Editor

#2E2D2D · #FF7D9B · #C78F9F · #8FC7BF · #B4E0C9

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

#2E2D2D

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#2E2D2D
RGB
rgb(46, 45, 45)
HSL
hsl(0, 1%, 18%)
HSB
hsb(0, 2%, 18%)
CMYK
cmyk(0%, 2%, 2%, 82%)
Oklch
oklch(29.8% 0.001 17.2)

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

#FF7D9B

Peach Pink · LightCoral · Coral Red

HEX
#FF7D9B
RGB
rgb(255, 125, 155)
HSL
hsl(346, 100%, 75%)
HSB
hsb(346, 51%, 100%)
CMYK
cmyk(0%, 51%, 39%, 0%)
Oklch
oklch(74.7% 0.160 7.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#C78F9F

Rouge · DarkGray · Rose Pink

HEX
#C78F9F
RGB
rgb(199, 143, 159)
HSL
hsl(343, 33%, 67%)
HSB
hsb(343, 28%, 78%)
CMYK
cmyk(0%, 28%, 20%, 22%)
Oklch
oklch(70.9% 0.071 0.3)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#8FC7BF

Jade · SkyBlue · Lake Green

HEX
#8FC7BF
RGB
rgb(143, 199, 191)
HSL
hsl(171, 33%, 67%)
HSB
hsb(171, 28%, 78%)
CMYK
cmyk(28%, 0%, 4%, 22%)
Oklch
oklch(78.9% 0.059 185.1)

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

#B4E0C9

Celadon · LightBlue · Apple Green

HEX
#B4E0C9
RGB
rgb(180, 224, 201)
HSL
hsl(149, 42%, 79%)
HSB
hsb(149, 20%, 88%)
CMYK
cmyk(20%, 0%, 10%, 12%)
Oklch
oklch(86.9% 0.056 162.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E2D2D
2D2E2E

Analogous

2E2D2E
2E2D2D
2E2E2D

Triadic

2E2D2D
2D2E2D
2D2D2E

Split-Comp.

2E2D2D
2D2E2E
2D2E2E

Tetradic

2E2D2D
2E2E2D
2D2E2E
2E2D2E

Contrast Matrix WCAG 2.1 Contrast

2E2D2D
FF7D9B
C78F9F
8FC7BF
B4E0C9
—
5.7
AA
5.1
AA
7.3
AAA
9.4
AAA
5.7
AA
—
1.1
Fail
1.3
Fail
1.7
Fail
5.1
AA
1.1
Fail
—
1.4
Fail
1.8
Fail
7.3
AAA
1.3
Fail
1.4
Fail
—
1.3
Fail
9.4
AAA
1.7
Fail
1.8
Fail
1.3
Fail
—
White BG
13.7AAA
2.4Fail
2.7Fail
1.9Fail
1.5Fail
Black BG
1.5Fail
8.7AAA
7.9AAA
11.1AAA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2E2D
C7C694
AFAE9B
A7A8C1
C7C7CF

Deuteranopia

2E2E2D
CED892
B2B69A
A4A0C1
C5C1D0

Tritanopia

2E2D2D
F98E8D
C49897
92C2C3
B6D3D4

Achromatopsia

2D2D2D
A7A7A7
A2A2A2
B5B5B5
D0D0D0

Shades & Tints Shades & Tints

#2E2D2D

Dark
Light

#FF7D9B

Dark
Light

#C78F9F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e2d2d;
  --color-2: #ff7d9b;
  --color-3: #c78f9f;
  --color-4: #8fc7bf;
  --color-5: #b4e0c9;
}

SCSS

$color-1: #2e2d2d;
$color-2: #ff7d9b;
$color-3: #c78f9f;
$color-4: #8fc7bf;
$color-5: #b4e0c9;

TAILWIND

colors: {
  'brand-1': '#2e2d2d',
  'brand-2': '#ff7d9b',
  'brand-3': '#c78f9f',
  'brand-4': '#8fc7bf',
  'brand-5': '#b4e0c9',
}

RGB Array

[46, 45, 45], [255, 125, 155], [199, 143, 159], [143, 199, 191], [180, 224, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2E2D2D, #FF7D9B, #C78F9F, #8FC7BF, #B4E0C9 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: #2e2d2d; --color-2: #ff7d9b; --color-3: #c78f9f; --color-4: #8fc7bf; --color-5: #b4e0c9. 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