← Back to Editor

#B4A68E · #E5DE8A · #1F0440 · #77593F · #3F0435

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

#B4A68E

Ginger · DarkGray · Warm Sun

HEX
#B4A68E
RGB
rgb(180, 166, 142)
HSL
hsl(38, 20%, 63%)
HSB
hsb(38, 21%, 71%)
CMYK
cmyk(0%, 8%, 21%, 29%)
Oklch
oklch(73.1% 0.037 81.2)

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

#E5DE8A

Fresh Green · Khaki · Sunflower

HEX
#E5DE8A
RGB
rgb(229, 222, 138)
HSL
hsl(55, 64%, 72%)
HSB
hsb(55, 40%, 90%)
CMYK
cmyk(0%, 3%, 40%, 10%)
Oklch
oklch(88.8% 0.106 104.2)

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

#1F0440

Deep Indigo · MidnightBlue · Dark Purple

HEX
#1F0440
RGB
rgb(31, 4, 64)
HSL
hsl(267, 88%, 13%)
HSB
hsb(267, 94%, 25%)
CMYK
cmyk(52%, 94%, 0%, 75%)
Oklch
oklch(20.9% 0.103 296.9)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#77593F

Tangerine · DarkOliveGreen · Amber Brown

HEX
#77593F
RGB
rgb(119, 89, 63)
HSL
hsl(28, 31%, 36%)
HSB
hsb(28, 47%, 47%)
CMYK
cmyk(0%, 25%, 47%, 53%)
Oklch
oklch(48.9% 0.055 61.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#3F0435

Rose Purple · MidnightBlue · Dark Purple

HEX
#3F0435
RGB
rgb(63, 4, 53)
HSL
hsl(310, 88%, 13%)
HSB
hsb(310, 94%, 25%)
CMYK
cmyk(0%, 94%, 16%, 75%)
Oklch
oklch(25.5% 0.105 336.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B4A68E
8E9CB4

Analogous

B4938E
B4A68E
AEB48E

Triadic

B4A68E
8EB4A6
A68EB4

Split-Comp.

B4A68E
8EAEB4
938EB4

Tetradic

B4A68E
8EB493
8E9CB4
B48EAE

Contrast Matrix WCAG 2.1 Contrast

B4A68E
E5DE8A
1F0440
77593F
3F0435
—
1.7
Fail
7.6
AAA
2.7
Fail
6.9
AA
1.7
Fail
—
13.2
AAA
4.6
AA
11.8
AAA
7.6
AAA
13.2
AAA
—
2.9
Fail
1.1
Fail
2.7
Fail
4.6
AA
2.9
Fail
—
2.6
Fail
6.9
AA
11.8
AAA
1.1
Fail
2.6
Fail
—
White BG
2.4Fail
1.4Fail
18.3AAA
6.4AA
16.4AAA
Black BG
8.8AAA
15.1AAA
1.1Fail
3.3AA Large
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAE94
E2E29E
131331
6A6A45
252529

Deuteranopia

AFB095
E2E3A3
15172E
6C6E47
292D26

Tritanopia

B39899
E5AEB2
1E2624
764A4B
3C201E

Achromatopsia

A7A7A7
D7D7D7
131313
5F5F5F
1B1B1B

Shades & Tints Shades & Tints

#B4A68E

Dark
Light

#E5DE8A

Dark
Light

#1F0440

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b4a68e;
  --color-2: #e5de8a;
  --color-3: #1f0440;
  --color-4: #77593f;
  --color-5: #3f0435;
}

SCSS

$color-1: #b4a68e;
$color-2: #e5de8a;
$color-3: #1f0440;
$color-4: #77593f;
$color-5: #3f0435;

TAILWIND

colors: {
  'brand-1': '#b4a68e',
  'brand-2': '#e5de8a',
  'brand-3': '#1f0440',
  'brand-4': '#77593f',
  'brand-5': '#3f0435',
}

RGB Array

[180, 166, 142], [229, 222, 138], [31, 4, 64], [119, 89, 63], [63, 4, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B4A68E, #E5DE8A, #1F0440, #77593F, #3F0435 is ideal for: tech websites, dark mode UIs, game UIs, 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: #b4a68e; --color-2: #e5de8a; --color-3: #1f0440; --color-4: #77593f; --color-5: #3f0435. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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