← Back to Editor

#85C29D · #A98460 · #E3791B · #F3EA9F · #531616

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

#85C29D

Celadon · DarkSeaGreen · Apple Green

HEX
#85C29D
RGB
rgb(133, 194, 157)
HSL
hsl(144, 33%, 64%)
HSB
hsb(144, 31%, 76%)
CMYK
cmyk(31%, 0%, 19%, 24%)
Oklch
oklch(76.2% 0.083 157.2)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#A98460

Ginger · Gray · Warm Sun

HEX
#A98460
RGB
rgb(169, 132, 96)
HSL
hsl(30, 30%, 52%)
HSB
hsb(30, 43%, 66%)
CMYK
cmyk(0%, 22%, 43%, 34%)
Oklch
oklch(64.0% 0.068 65.3)

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

#E3791B

Tangerine · Chocolate · Amber Brown

HEX
#E3791B
RGB
rgb(227, 121, 27)
HSL
hsl(28, 79%, 50%)
HSB
hsb(28, 88%, 89%)
CMYK
cmyk(0%, 47%, 88%, 11%)
Oklch
oklch(68.3% 0.162 54.7)

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

#F3EA9F

Fresh Green · Khaki · Lemon Cream

HEX
#F3EA9F
RGB
rgb(243, 234, 159)
HSL
hsl(54, 78%, 79%)
HSB
hsb(54, 35%, 95%)
CMYK
cmyk(0%, 4%, 35%, 5%)
Oklch
oklch(92.7% 0.095 102.2)

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

#531616

Crimson · Maroon · Wine Red

HEX
#531616
RGB
rgb(83, 22, 22)
HSL
hsl(0, 58%, 21%)
HSB
hsb(0, 73%, 33%)
CMYK
cmyk(0%, 73%, 73%, 67%)
Oklch
oklch(30.2% 0.091 24.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

85C29D
C185A9

Analogous

8BC185
85C29D
85C1BB

Triadic

85C29D
9D85C1
C19D85

Split-Comp.

85C29D
BB85C1
C1858B

Tetradic

85C29D
858BC1
C185A9
C1BB85

Contrast Matrix WCAG 2.1 Contrast

85C29D
A98460
E3791B
F3EA9F
531616
—
1.7
Fail
1.5
Fail
1.7
Fail
6.8
AA
1.7
Fail
—
1.1
Fail
2.8
Fail
4.1
AA Large
1.5
Fail
1.1
Fail
—
2.4
Fail
4.7
AA
1.7
Fail
2.8
Fail
2.4
Fail
—
11.4
AAA
6.8
AA
4.1
AA Large
4.7
AA
11.4
AAA
—
White BG
2.1Fail
3.4AA Large
3.0Fail
1.2Fail
14.1AAA
Black BG
10.2AAA
6.2AA
7.0AAA
17.1AAA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9FA0A6
999969
B5B432
EFEFB1
393816

Deuteranopia

9C97A8
9B9E6B
BBC337
F0F0B6
3C4116

Tritanopia

88ADAF
A77071
DE4448
F3BFC3
501616

Achromatopsia

ACACAC
8B8B8B
8E8E8E
E4E4E4
282828

Shades & Tints Shades & Tints

#85C29D

Dark
Light

#A98460

Dark
Light

#E3791B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #85c29d;
  --color-2: #a98460;
  --color-3: #e3791b;
  --color-4: #f3ea9f;
  --color-5: #531616;
}

SCSS

$color-1: #85c29d;
$color-2: #a98460;
$color-3: #e3791b;
$color-4: #f3ea9f;
$color-5: #531616;

TAILWIND

colors: {
  'brand-1': '#85c29d',
  'brand-2': '#a98460',
  'brand-3': '#e3791b',
  'brand-4': '#f3ea9f',
  'brand-5': '#531616',
}

RGB Array

[133, 194, 157], [169, 132, 96], [227, 121, 27], [243, 234, 159], [83, 22, 22]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #85C29D, #A98460, #E3791B, #F3EA9F, #531616 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: #85c29d; --color-2: #a98460; --color-3: #e3791b; --color-4: #f3ea9f; --color-5: #531616. 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