← Back to Editor

#412F3A · #634E51 · #B4A794 · #E2E7BB · #EDF1E6

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

#412F3A

Rose Purple · DarkSlateGray · Raspberry

HEX
#412F3A
RGB
rgb(65, 47, 58)
HSL
hsl(323, 16%, 22%)
HSB
hsb(323, 28%, 25%)
CMYK
cmyk(0%, 28%, 11%, 75%)
Oklch
oklch(33.0% 0.032 341.7)

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

#634E51

Crimson · DimGray · Wine Red

HEX
#634E51
RGB
rgb(99, 78, 81)
HSL
hsl(351, 12%, 35%)
HSB
hsb(351, 21%, 39%)
CMYK
cmyk(0%, 21%, 18%, 61%)
Oklch
oklch(44.7% 0.029 8.7)

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

#B4A794

Ginger · DarkGray · Warm Sun

HEX
#B4A794
RGB
rgb(180, 167, 148)
HSL
hsl(36, 18%, 64%)
HSB
hsb(36, 18%, 71%)
CMYK
cmyk(0%, 7%, 18%, 29%)
Oklch
oklch(73.4% 0.031 77.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#E2E7BB

Fresh Green · Wheat · Lemon Cream

HEX
#E2E7BB
RGB
rgb(226, 231, 187)
HSL
hsl(67, 48%, 82%)
HSB
hsb(67, 19%, 91%)
CMYK
cmyk(2%, 0%, 19%, 9%)
Oklch
oklch(91.3% 0.058 112.8)

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

#EDF1E6

Willow Green · Linen · Mint Green

HEX
#EDF1E6
RGB
rgb(237, 241, 230)
HSL
hsl(82, 28%, 92%)
HSB
hsb(82, 5%, 95%)
CMYK
cmyk(2%, 0%, 5%, 5%)
Oklch
oklch(95.2% 0.015 123.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

412F3A
2F4136

Analogous

3F2F41
412F3A
412F31

Triadic

412F3A
3A412F
2F3A41

Split-Comp.

412F3A
31412F
2F413F

Tetradic

412F3A
413F2F
2F4136
2F3141

Contrast Matrix WCAG 2.1 Contrast

412F3A
634E51
B4A794
E2E7BB
EDF1E6
—
1.6
Fail
5.3
AA
9.7
AAA
10.8
AAA
1.6
Fail
—
3.2
AA Large
6.0
AA
6.7
AA
5.3
AA
3.2
AA Large
—
1.8
Fail
2.1
Fail
9.7
AAA
6.0
AA
1.8
Fail
—
1.1
Fail
10.8
AAA
6.7
AA
2.1
Fail
1.1
Fail
—
White BG
12.4AAA
7.7AAA
2.4Fail
1.3Fail
1.1Fail
Black BG
1.7Fail
2.7Fail
8.9AAA
16.4AAA
18.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

393937
5A5A50
AEAE99
E4E4C6
EFEFE9

Deuteranopia

3A3C37
5B5D50
AFB09A
E4E4C8
EFEEE9

Tritanopia

403535
625050
B39C9D
E2CED0
EDEBEB

Achromatopsia

363636
555555
A9A9A9
E0E0E0
EFEFEF

Shades & Tints Shades & Tints

#412F3A

Dark
Light

#634E51

Dark
Light

#B4A794

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #412f3a;
  --color-2: #634e51;
  --color-3: #b4a794;
  --color-4: #e2e7bb;
  --color-5: #edf1e6;
}

SCSS

$color-1: #412f3a;
$color-2: #634e51;
$color-3: #b4a794;
$color-4: #e2e7bb;
$color-5: #edf1e6;

TAILWIND

colors: {
  'brand-1': '#412f3a',
  'brand-2': '#634e51',
  'brand-3': '#b4a794',
  'brand-4': '#e2e7bb',
  'brand-5': '#edf1e6',
}

RGB Array

[65, 47, 58], [99, 78, 81], [180, 167, 148], [226, 231, 187], [237, 241, 230]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #412F3A, #634E51, #B4A794, #E2E7BB, #EDF1E6 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #412f3a; --color-2: #634e51; --color-3: #b4a794; --color-4: #e2e7bb; --color-5: #edf1e6. 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. Restrained colors convey professionalism and trust. 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