← Back to Editor

#E5C08B · #DAB96C · #546D69 · #2A191F · #280B0F

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

#E5C08B

Goose Yellow · BurlyWood · Warm Sun

HEX
#E5C08B
RGB
rgb(229, 192, 139)
HSL
hsl(35, 63%, 72%)
HSB
hsb(35, 39%, 90%)
CMYK
cmyk(0%, 16%, 39%, 10%)
Oklch
oklch(82.8% 0.081 76.2)

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

#DAB96C

Ginger · BurlyWood · Sunflower

HEX
#DAB96C
RGB
rgb(218, 185, 108)
HSL
hsl(42, 60%, 64%)
HSB
hsb(42, 50%, 85%)
CMYK
cmyk(0%, 15%, 50%, 15%)
Oklch
oklch(79.8% 0.103 86.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#546D69

Mineral Blue · DimGray · Mint Ice

HEX
#546D69
RGB
rgb(84, 109, 105)
HSL
hsl(170, 13%, 38%)
HSB
hsb(170, 23%, 43%)
CMYK
cmyk(23%, 0%, 4%, 57%)
Oklch
oklch(51.4% 0.030 184.3)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#2A191F

Dark Violet · Black · Raspberry

HEX
#2A191F
RGB
rgb(42, 25, 31)
HSL
hsl(339, 25%, 13%)
HSB
hsb(339, 40%, 16%)
CMYK
cmyk(0%, 40%, 26%, 84%)
Oklch
oklch(23.8% 0.029 356.7)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#280B0F

Crimson · Black · Deep Berry

HEX
#280B0F
RGB
rgb(40, 11, 15)
HSL
hsl(352, 57%, 10%)
HSB
hsb(352, 73%, 16%)
CMYK
cmyk(0%, 73%, 62%, 84%)
Oklch
oklch(20.0% 0.049 14.2)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5C08B
8BB0E5

Analogous

E5928B
E5C08B
DDE58B

Triadic

E5C08B
8BE5BF
BF8BE5

Split-Comp.

E5C08B
8BDDE5
928BE5

Tetradic

E5C08B
8BE592
8BB0E5
E58BDD

Contrast Matrix WCAG 2.1 Contrast

E5C08B
DAB96C
546D69
2A191F
280B0F
—
1.1
Fail
3.2
AA Large
9.7
AAA
10.7
AAA
1.1
Fail
—
3.0
Fail
8.9
AAA
9.7
AAA
3.2
AA Large
3.0
Fail
—
3.0
Fail
3.3
AA Large
9.7
AAA
8.9
AAA
3.0
Fail
—
1.1
Fail
10.7
AAA
9.7
AAA
3.3
AA Large
1.1
Fail
—
White BG
1.7Fail
1.9Fail
5.6AA
16.7AAA
18.3AAA
Black BG
12.2AAA
11.1AAA
3.8AA Large
1.3Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D598
CCCB7F
5F5F6A
23221E
1B1B0E

Deuteranopia

D7DA9B
CED083
5D5C6A
24251D
1D1F0E

Tritanopia

E3A2A4
D88D91
556B6B
291C1C
270D0D

Achromatopsia

C5C5C5
BABABA
656565
1F1F1F
141414

Shades & Tints Shades & Tints

#E5C08B

Dark
Light

#DAB96C

Dark
Light

#546D69

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5c08b;
  --color-2: #dab96c;
  --color-3: #546d69;
  --color-4: #2a191f;
  --color-5: #280b0f;
}

SCSS

$color-1: #e5c08b;
$color-2: #dab96c;
$color-3: #546d69;
$color-4: #2a191f;
$color-5: #280b0f;

TAILWIND

colors: {
  'brand-1': '#e5c08b',
  'brand-2': '#dab96c',
  'brand-3': '#546d69',
  'brand-4': '#2a191f',
  'brand-5': '#280b0f',
}

RGB Array

[229, 192, 139], [218, 185, 108], [84, 109, 105], [42, 25, 31], [40, 11, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5C08B, #DAB96C, #546D69, #2A191F, #280B0F 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: #e5c08b; --color-2: #dab96c; --color-3: #546d69; --color-4: #2a191f; --color-5: #280b0f. 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