← Back to Editor

#552F14 · #9C742C · #B79D44 · #D7DD99 · #758849

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

#552F14

Tangerine · DarkOliveGreen · Cinnamon

HEX
#552F14
RGB
rgb(85, 47, 20)
HSL
hsl(25, 62%, 21%)
HSB
hsb(25, 76%, 33%)
CMYK
cmyk(0%, 45%, 76%, 67%)
Oklch
oklch(34.8% 0.068 53.7)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#9C742C

Ochre · Sienna · Amber Brown

HEX
#9C742C
RGB
rgb(156, 116, 44)
HSL
hsl(39, 56%, 39%)
HSB
hsb(39, 72%, 61%)
CMYK
cmyk(0%, 26%, 72%, 39%)
Oklch
oklch(58.5% 0.101 78.9)

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

#B79D44

Ochre · GoldenRod · Honey Gold

HEX
#B79D44
RGB
rgb(183, 157, 68)
HSL
hsl(46, 46%, 49%)
HSB
hsb(46, 63%, 72%)
CMYK
cmyk(0%, 14%, 63%, 28%)
Oklch
oklch(70.2% 0.112 93.0)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#D7DD99

Fresh Green · Khaki · Sunflower

HEX
#D7DD99
RGB
rgb(215, 221, 153)
HSL
hsl(65, 50%, 73%)
HSB
hsb(65, 31%, 87%)
CMYK
cmyk(3%, 0%, 31%, 13%)
Oklch
oklch(87.7% 0.088 112.3)

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

#758849

Grass Green · DimGray · Olive Green

HEX
#758849
RGB
rgb(117, 136, 73)
HSL
hsl(78, 30%, 41%)
HSB
hsb(78, 46%, 53%)
CMYK
cmyk(14%, 0%, 46%, 47%)
Oklch
oklch(59.6% 0.090 122.9)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

552F14
143B57

Analogous

57141A
552F14
575114

Triadic

552F14
145730
301457

Split-Comp.

552F14
145751
141A57

Tetradic

552F14
1A5714
143B57
511457

Contrast Matrix WCAG 2.1 Contrast

552F14
9C742C
B79D44
D7DD99
758849
—
2.7
Fail
4.4
AA Large
8.1
AAA
3.0
Fail
2.7
Fail
—
1.6
Fail
3.0
Fail
1.1
Fail
4.4
AA Large
1.6
Fail
—
1.9
Fail
1.5
Fail
8.1
AAA
3.0
Fail
1.9
Fail
—
2.7
Fail
3.0
Fail
1.1
Fail
1.5
Fail
2.7
Fail
—
White BG
11.6AAA
4.2AA Large
2.7Fail
1.4Fail
3.9AA Large
Black BG
1.8Fail
4.9AA
7.9AAA
14.7AAA
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

45441B
8B8A3D
ACAC5A
DADAA9
7D7D58

Deuteranopia

474A1C
8D9042
ADAF5F
D9D9AD
7C7B5C

Tritanopia

532021
9A4B4E
B66B6E
D7B6B9
766467

Achromatopsia

373737
787878
9B9B9B
D3D3D3
7B7B7B

Shades & Tints Shades & Tints

#552F14

Dark
Light

#9C742C

Dark
Light

#B79D44

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #552f14;
  --color-2: #9c742c;
  --color-3: #b79d44;
  --color-4: #d7dd99;
  --color-5: #758849;
}

SCSS

$color-1: #552f14;
$color-2: #9c742c;
$color-3: #b79d44;
$color-4: #d7dd99;
$color-5: #758849;

TAILWIND

colors: {
  'brand-1': '#552f14',
  'brand-2': '#9c742c',
  'brand-3': '#b79d44',
  'brand-4': '#d7dd99',
  'brand-5': '#758849',
}

RGB Array

[85, 47, 20], [156, 116, 44], [183, 157, 68], [215, 221, 153], [117, 136, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #552F14, #9C742C, #B79D44, #D7DD99, #758849 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: #552f14; --color-2: #9c742c; --color-3: #b79d44; --color-4: #d7dd99; --color-5: #758849. 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