← Back to Editor

#85937B · #EBE2B0 · #F3F3D2 · #74644B · #362626

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

#85937B

Celadon · Gray · Olive Green

HEX
#85937B
RGB
rgb(133, 147, 123)
HSL
hsl(95, 10%, 53%)
HSB
hsb(95, 16%, 58%)
CMYK
cmyk(10%, 0%, 16%, 42%)
Oklch
oklch(64.5% 0.038 132.2)

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

#EBE2B0

Fresh Green · Wheat · Lemon Cream

HEX
#EBE2B0
RGB
rgb(235, 226, 176)
HSL
hsl(51, 60%, 81%)
HSB
hsb(51, 25%, 92%)
CMYK
cmyk(0%, 4%, 25%, 8%)
Oklch
oklch(90.8% 0.066 99.0)

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

#F3F3D2

Fresh Green · Beige · Lemon Cream

HEX
#F3F3D2
RGB
rgb(243, 243, 210)
HSL
hsl(60, 58%, 89%)
HSB
hsb(60, 14%, 95%)
CMYK
cmyk(0%, 0%, 14%, 5%)
Oklch
oklch(95.6% 0.043 107.2)

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

#74644B

Ochre · DimGray · Amber Brown

HEX
#74644B
RGB
rgb(116, 100, 75)
HSL
hsl(37, 21%, 37%)
HSB
hsb(37, 35%, 45%)
CMYK
cmyk(0%, 14%, 35%, 55%)
Oklch
oklch(51.2% 0.042 78.7)

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

#362626

Crimson · DarkSlateGray · Deep Berry

HEX
#362626
RGB
rgb(54, 38, 38)
HSL
hsl(0, 17%, 18%)
HSB
hsb(0, 30%, 21%)
CMYK
cmyk(0%, 30%, 30%, 79%)
Oklch
oklch(28.8% 0.024 18.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

85937B
897B93

Analogous

91937B
85937B
7B937D

Triadic

85937B
7B8593
937B85

Split-Comp.

85937B
7D7B93
937B91

Tetradic

85937B
7B9193
897B93
937D7B

Contrast Matrix WCAG 2.1 Contrast

85937B
EBE2B0
F3F3D2
74644B
362626
—
2.5
Fail
2.9
Fail
1.8
Fail
4.4
AA Large
2.5
Fail
—
1.2
Fail
4.4
AA Large
11.0
AAA
2.9
Fail
1.2
Fail
—
5.1
AA
12.7
AAA
1.8
Fail
4.4
AA Large
5.1
AA
—
2.5
Fail
4.4
AA Large
11.0
AAA
12.7
AAA
2.5
Fail
—
White BG
3.3AA Large
1.3Fail
1.1Fail
5.7AA
14.4AAA
Black BG
6.5AA
16.0AAA
18.6AAA
3.7AA Large
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8B81
E7E7BC
F3F3DA
6D6D51
2F2F26

Deuteranopia

8A8982
E8E8BF
F3F3DC
6E6F53
303126

Tritanopia

868586
EBC6C8
F3E0E2
735657
352626

Achromatopsia

8C8C8C
DFDFDF
EFEFEF
666666
2B2B2B

Shades & Tints Shades & Tints

#85937B

Dark
Light

#EBE2B0

Dark
Light

#F3F3D2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #85937b;
  --color-2: #ebe2b0;
  --color-3: #f3f3d2;
  --color-4: #74644b;
  --color-5: #362626;
}

SCSS

$color-1: #85937b;
$color-2: #ebe2b0;
$color-3: #f3f3d2;
$color-4: #74644b;
$color-5: #362626;

TAILWIND

colors: {
  'brand-1': '#85937b',
  'brand-2': '#ebe2b0',
  'brand-3': '#f3f3d2',
  'brand-4': '#74644b',
  'brand-5': '#362626',
}

RGB Array

[133, 147, 123], [235, 226, 176], [243, 243, 210], [116, 100, 75], [54, 38, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #85937B, #EBE2B0, #F3F3D2, #74644B, #362626 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: #85937b; --color-2: #ebe2b0; --color-3: #f3f3d2; --color-4: #74644b; --color-5: #362626. 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