← Back to Editor

#85A28C · #B8945A · #AA6D36 · #A25D12 · #2F2428

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

#85A28C

Celadon · DarkSeaGreen · Olive Green

HEX
#85A28C
RGB
rgb(133, 162, 140)
HSL
hsl(134, 13%, 58%)
HSB
hsb(134, 18%, 64%)
CMYK
cmyk(18%, 0%, 14%, 36%)
Oklch
oklch(68.4% 0.045 152.4)

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

#B8945A

Ginger · DarkSalmon · Warm Sun

HEX
#B8945A
RGB
rgb(184, 148, 90)
HSL
hsl(37, 40%, 54%)
HSB
hsb(37, 51%, 72%)
CMYK
cmyk(0%, 20%, 51%, 28%)
Oklch
oklch(68.7% 0.087 78.4)

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

#AA6D36

Tangerine · Sienna · Amber Brown

HEX
#AA6D36
RGB
rgb(170, 109, 54)
HSL
hsl(28, 52%, 44%)
HSB
hsb(28, 68%, 67%)
CMYK
cmyk(0%, 36%, 68%, 33%)
Oklch
oklch(58.9% 0.105 60.4)

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

#A25D12

Ochre · Sienna · Amber Brown

HEX
#A25D12
RGB
rgb(162, 93, 18)
HSL
hsl(31, 80%, 35%)
HSB
hsb(31, 89%, 64%)
CMYK
cmyk(0%, 43%, 89%, 36%)
Oklch
oklch(54.6% 0.121 60.6)

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

#2F2428

Dark Violet · DarkSlateGray · Raspberry

HEX
#2F2428
RGB
rgb(47, 36, 40)
HSL
hsl(338, 13%, 16%)
HSB
hsb(338, 23%, 18%)
CMYK
cmyk(0%, 23%, 15%, 82%)
Oklch
oklch(27.5% 0.018 354.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

85A28C
A2869B

Analogous

8DA286
85A28C
86A29A

Triadic

85A28C
8C86A2
A28C86

Split-Comp.

85A28C
9A86A2
A2868D

Tetradic

85A28C
868DA2
A2869B
A29A86

Contrast Matrix WCAG 2.1 Contrast

85A28C
B8945A
AA6D36
A25D12
2F2428
—
1.0
Fail
1.5
Fail
1.8
Fail
5.4
AA
1.0
Fail
—
1.5
Fail
1.8
Fail
5.3
AA
1.5
Fail
1.5
Fail
—
1.2
Fail
3.5
AA Large
1.8
Fail
1.8
Fail
1.2
Fail
—
2.9
Fail
5.4
AA
5.3
AA
3.5
AA Large
2.9
Fail
—
White BG
2.8Fail
2.8Fail
4.2AA Large
5.1AA
15.0AAA
Black BG
7.5AAA
7.4AAA
4.9AA
4.1AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

929291
A8A868
908F43
848424
2A2A27

Deuteranopia

908E93
ABAD6B
939847
888D29
2B2C27

Tritanopia

869696
B67376
A74E50
9F3236
2E2626

Achromatopsia

979797
989898
797979
696969
282828

Shades & Tints Shades & Tints

#85A28C

Dark
Light

#B8945A

Dark
Light

#AA6D36

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #85a28c;
  --color-2: #b8945a;
  --color-3: #aa6d36;
  --color-4: #a25d12;
  --color-5: #2f2428;
}

SCSS

$color-1: #85a28c;
$color-2: #b8945a;
$color-3: #aa6d36;
$color-4: #a25d12;
$color-5: #2f2428;

TAILWIND

colors: {
  'brand-1': '#85a28c',
  'brand-2': '#b8945a',
  'brand-3': '#aa6d36',
  'brand-4': '#a25d12',
  'brand-5': '#2f2428',
}

RGB Array

[133, 162, 140], [184, 148, 90], [170, 109, 54], [162, 93, 18], [47, 36, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #85A28C, #B8945A, #AA6D36, #A25D12, #2F2428 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: #85a28c; --color-2: #b8945a; --color-3: #aa6d36; --color-4: #a25d12; --color-5: #2f2428. 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