← Back to Editor

#342029 · #485F57 · #BCC491 · #C89F7F · #CA754E

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

#342029

Dark Violet · DarkSlateGray · Raspberry

HEX
#342029
RGB
rgb(52, 32, 41)
HSL
hsl(333, 24%, 16%)
HSB
hsb(333, 38%, 20%)
CMYK
cmyk(0%, 38%, 21%, 80%)
Oklch
oklch(27.2% 0.034 351.0)

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

#485F57

Mineral Blue · DarkSlateGray · Forest Green

HEX
#485F57
RGB
rgb(72, 95, 87)
HSL
hsl(159, 14%, 33%)
HSB
hsb(159, 24%, 37%)
CMYK
cmyk(24%, 0%, 8%, 63%)
Oklch
oklch(46.4% 0.031 171.6)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#BCC491

Fresh Green · Tan · Sunflower

HEX
#BCC491
RGB
rgb(188, 196, 145)
HSL
hsl(69, 30%, 67%)
HSB
hsb(69, 26%, 77%)
CMYK
cmyk(4%, 0%, 26%, 23%)
Oklch
oklch(80.1% 0.069 115.2)

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

#C89F7F

Apricot · Tan · Warm Sun

HEX
#C89F7F
RGB
rgb(200, 159, 127)
HSL
hsl(26, 40%, 64%)
HSB
hsb(26, 37%, 78%)
CMYK
cmyk(0%, 21%, 37%, 22%)
Oklch
oklch(73.2% 0.066 59.5)

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

#CA754E

Tangerine · Chocolate · Warm Sun

HEX
#CA754E
RGB
rgb(202, 117, 78)
HSL
hsl(19, 54%, 55%)
HSB
hsb(19, 61%, 79%)
CMYK
cmyk(0%, 42%, 61%, 21%)
Oklch
oklch(64.8% 0.120 44.7)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

342029
1F332A

Analogous

331F32
342029
33201F

Triadic

342029
28331F
1F2833

Split-Comp.

342029
1F3320
1F3233

Tetradic

342029
32331F
1F332A
201F33

Contrast Matrix WCAG 2.1 Contrast

342029
485F57
BCC491
C89F7F
CA754E
—
2.2
Fail
8.3
AAA
6.3
AA
4.5
AA Large
2.2
Fail
—
3.8
AA Large
2.9
Fail
2.0
Fail
8.3
AAA
3.8
AA Large
—
1.3
Fail
1.9
Fail
6.3
AA
2.9
Fail
1.3
Fail
—
1.4
Fail
4.5
AA Large
2.0
Fail
1.9
Fail
1.4
Fail
—
White BG
15.2AAA
6.9AA
1.8Fail
2.4Fail
3.4AA Large
Black BG
1.4Fail
3.1AA Large
11.4AAA
8.7AAA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2B2B27
525259
BFC09D
B6B687
A5A457

Deuteranopia

2D2E26
514F59
BFBEA0
B9BC89
AAB05A

Tritanopia

332525
495A5B
BCA7A9
C68D8E
C65F61

Achromatopsia

272727
575757
BCBCBC
A8A8A8
8A8A8A

Shades & Tints Shades & Tints

#342029

Dark
Light

#485F57

Dark
Light

#BCC491

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #342029;
  --color-2: #485f57;
  --color-3: #bcc491;
  --color-4: #c89f7f;
  --color-5: #ca754e;
}

SCSS

$color-1: #342029;
$color-2: #485f57;
$color-3: #bcc491;
$color-4: #c89f7f;
$color-5: #ca754e;

TAILWIND

colors: {
  'brand-1': '#342029',
  'brand-2': '#485f57',
  'brand-3': '#bcc491',
  'brand-4': '#c89f7f',
  'brand-5': '#ca754e',
}

RGB Array

[52, 32, 41], [72, 95, 87], [188, 196, 145], [200, 159, 127], [202, 117, 78]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #342029, #485F57, #BCC491, #C89F7F, #CA754E 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: #342029; --color-2: #485f57; --color-3: #bcc491; --color-4: #c89f7f; --color-5: #ca754e. 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