← Back to Editor

#241E22 · #603970 · #9A6089 · #D7BFA5 · #E5E4A7

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

#241E22

Rose Purple · Black · Dark Stone

HEX
#241E22
RGB
rgb(36, 30, 34)
HSL
hsl(320, 9%, 13%)
HSB
hsb(320, 17%, 14%)
CMYK
cmyk(0%, 17%, 6%, 86%)
Oklch
oklch(24.4% 0.012 338.2)

Traditional「Rose Purple」· Paint「Dark Stone」· Creative Midnight Shadow

#603970

Dark Plum · DarkSlateBlue · Eggplant

HEX
#603970
RGB
rgb(96, 57, 112)
HSL
hsl(283, 33%, 33%)
HSB
hsb(283, 49%, 44%)
CMYK
cmyk(14%, 49%, 0%, 56%)
Oklch
oklch(41.5% 0.099 315.4)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#9A6089

Rose Purple · Gray · Violet

HEX
#9A6089
RGB
rgb(154, 96, 137)
HSL
hsl(318, 23%, 49%)
HSB
hsb(318, 38%, 60%)
CMYK
cmyk(0%, 38%, 11%, 40%)
Oklch
oklch(56.6% 0.093 338.4)

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

#D7BFA5

Goose Yellow · Tan · Warm Sun

HEX
#D7BFA5
RGB
rgb(215, 191, 165)
HSL
hsl(31, 38%, 75%)
HSB
hsb(31, 23%, 84%)
CMYK
cmyk(0%, 11%, 23%, 16%)
Oklch
oklch(81.8% 0.045 69.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#E5E4A7

Fresh Green · Wheat · Lemon Cream

HEX
#E5E4A7
RGB
rgb(229, 228, 167)
HSL
hsl(59, 54%, 78%)
HSB
hsb(59, 27%, 90%)
CMYK
cmyk(0%, 0%, 27%, 10%)
Oklch
oklch(90.5% 0.079 107.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

241E22
1E2420

Analogous

231E24
241E22
241E1F

Triadic

241E22
22241E
1E2224

Split-Comp.

241E22
1F241E
1E2423

Tetradic

241E22
24231E
1E2420
1E1F24

Contrast Matrix WCAG 2.1 Contrast

241E22
603970
9A6089
D7BFA5
E5E4A7
—
1.8
Fail
3.4
AA Large
9.3
AAA
12.5
AAA
1.8
Fail
—
1.9
Fail
5.1
AA
6.9
AA
3.4
AA Large
1.9
Fail
—
2.7
Fail
3.6
AA Large
9.3
AAA
5.1
AA
2.7
Fail
—
1.3
Fail
12.5
AAA
6.9
AA
3.6
AA Large
1.3
Fail
—
White BG
16.4AAA
9.1AAA
4.8AA
1.8Fail
1.3Fail
Black BG
1.3Fail
2.3Fail
4.4AA Large
11.9AAA
16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

212121
4F4F63
81807F
CDCCAB
E5E5B6

Deuteranopia

222221
51545F
84897D
CED0AD
E5E5B9

Tritanopia

242020
5E5856
977776
D6B0B1
E5C1C4

Achromatopsia

202020
4B4B4B
767676
C3C3C3
DDDDDD

Shades & Tints Shades & Tints

#241E22

Dark
Light

#603970

Dark
Light

#9A6089

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #241e22;
  --color-2: #603970;
  --color-3: #9a6089;
  --color-4: #d7bfa5;
  --color-5: #e5e4a7;
}

SCSS

$color-1: #241e22;
$color-2: #603970;
$color-3: #9a6089;
$color-4: #d7bfa5;
$color-5: #e5e4a7;

TAILWIND

colors: {
  'brand-1': '#241e22',
  'brand-2': '#603970',
  'brand-3': '#9a6089',
  'brand-4': '#d7bfa5',
  'brand-5': '#e5e4a7',
}

RGB Array

[36, 30, 34], [96, 57, 112], [154, 96, 137], [215, 191, 165], [229, 228, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #241E22, #603970, #9A6089, #D7BFA5, #E5E4A7 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: #241e22; --color-2: #603970; --color-3: #9a6089; --color-4: #d7bfa5; --color-5: #e5e4a7. 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