← Back to Editor

#2E1B25 · #CFF2C7 · #DBE79A · #968B6E · #6E162A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#2E1B25

Rose Purple · Black · Raspberry

HEX
#2E1B25
RGB
rgb(46, 27, 37)
HSL
hsl(328, 26%, 14%)
HSB
hsb(328, 41%, 18%)
CMYK
cmyk(0%, 41%, 20%, 82%)
Oklch
oklch(25.1% 0.034 347.0)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#CFF2C7

Emerald · LightGray · Mint Green

HEX
#CFF2C7
RGB
rgb(207, 242, 199)
HSL
hsl(109, 62%, 86%)
HSB
hsb(109, 18%, 95%)
CMYK
cmyk(14%, 0%, 18%, 5%)
Oklch
oklch(92.5% 0.068 139.8)

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

#DBE79A

Fresh Green · Khaki · Sunflower

HEX
#DBE79A
RGB
rgb(219, 231, 154)
HSL
hsl(69, 62%, 75%)
HSB
hsb(69, 33%, 91%)
CMYK
cmyk(5%, 0%, 33%, 9%)
Oklch
oklch(90.1% 0.100 115.7)

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

#968B6E

Ginger · Gray · Sunflower

HEX
#968B6E
RGB
rgb(150, 139, 110)
HSL
hsl(43, 16%, 51%)
HSB
hsb(43, 27%, 59%)
CMYK
cmyk(0%, 7%, 27%, 41%)
Oklch
oklch(63.9% 0.043 89.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#6E162A

Vermilion · Maroon · Wine Red

HEX
#6E162A
RGB
rgb(110, 22, 42)
HSL
hsl(346, 67%, 26%)
HSB
hsb(346, 80%, 43%)
CMYK
cmyk(0%, 80%, 62%, 57%)
Oklch
oklch(35.9% 0.121 13.2)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E1B25
1A2D23

Analogous

2C1A2D
2E1B25
2D1A1B

Triadic

2E1B25
242D1A
1A242D

Split-Comp.

2E1B25
1B2D1A
1A2D2C

Tetradic

2E1B25
2D2C1A
1A2D23
1A1B2D

Contrast Matrix WCAG 2.1 Contrast

2E1B25
CFF2C7
DBE79A
968B6E
6E162A
—
13.2
AAA
12.2
AAA
4.8
AA
1.4
Fail
13.2
AAA
—
1.1
Fail
2.8
Fail
9.5
AAA
12.2
AAA
1.1
Fail
—
2.6
Fail
8.8
AAA
4.8
AA
2.8
Fail
2.6
Fail
—
3.4
AA Large
1.4
Fail
9.5
AAA
8.8
AAA
3.4
AA Large
—
White BG
16.2AAA
1.2Fail
1.3Fail
3.4AA Large
11.6AAA
Black BG
1.3Fail
17.2AAA
15.9AAA
6.2AA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

262623
DEDED1
E0E0AD
919175
484725

Deuteranopia

272822
DCD9D4
E0DFB1
929377
4D5424

Tritanopia

2D2120
D1DADB
DCBBBF
957B7C
6A2121

Achromatopsia

222222
E3E3E3
DBDBDB
8B8B8B
333333

Shades & Tints Shades & Tints

#2E1B25

Dark
Light

#CFF2C7

Dark
Light

#DBE79A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e1b25;
  --color-2: #cff2c7;
  --color-3: #dbe79a;
  --color-4: #968b6e;
  --color-5: #6e162a;
}

SCSS

$color-1: #2e1b25;
$color-2: #cff2c7;
$color-3: #dbe79a;
$color-4: #968b6e;
$color-5: #6e162a;

TAILWIND

colors: {
  'brand-1': '#2e1b25',
  'brand-2': '#cff2c7',
  'brand-3': '#dbe79a',
  'brand-4': '#968b6e',
  'brand-5': '#6e162a',
}

RGB Array

[46, 27, 37], [207, 242, 199], [219, 231, 154], [150, 139, 110], [110, 22, 42]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2E1B25, #CFF2C7, #DBE79A, #968B6E, #6E162A 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: #2e1b25; --color-2: #cff2c7; --color-3: #dbe79a; --color-4: #968b6e; --color-5: #6e162a. 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