← Back to Editor

#65685C · #D8E5AF · #FF6E53 · #EAEFAE · #A5A878

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

#65685C

Ink Gray · DimGray · Charcoal

HEX
#65685C
RGB
rgb(101, 104, 92)
HSL
hsl(75, 6%, 38%)
HSB
hsb(75, 12%, 41%)
CMYK
cmyk(3%, 0%, 12%, 59%)
Oklch
oklch(51.1% 0.019 118.5)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#D8E5AF

Willow Green · Wheat · Apple Green

HEX
#D8E5AF
RGB
rgb(216, 229, 175)
HSL
hsl(74, 51%, 79%)
HSB
hsb(74, 24%, 90%)
CMYK
cmyk(6%, 0%, 24%, 10%)
Oklch
oklch(89.9% 0.072 118.9)

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

#FF6E53

Peach Pink · Tomato · Coral Red

HEX
#FF6E53
RGB
rgb(255, 110, 83)
HSL
hsl(9, 100%, 66%)
HSB
hsb(9, 67%, 100%)
CMYK
cmyk(0%, 57%, 67%, 0%)
Oklch
oklch(71.2% 0.183 32.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#EAEFAE

Fresh Green · Wheat · Lemon Cream

HEX
#EAEFAE
RGB
rgb(234, 239, 174)
HSL
hsl(65, 67%, 81%)
HSB
hsb(65, 27%, 94%)
CMYK
cmyk(2%, 0%, 27%, 6%)
Oklch
oklch(93.3% 0.084 111.6)

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

#A5A878

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A5A878
RGB
rgb(165, 168, 120)
HSL
hsl(64, 22%, 56%)
HSB
hsb(64, 29%, 66%)
CMYK
cmyk(2%, 0%, 29%, 34%)
Oklch
oklch(71.7% 0.066 110.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

65685C
5E5B67

Analogous

67645B
65685C
5E675B

Triadic

65685C
5B6467
675B64

Split-Comp.

65685C
5B5E67
645B67

Tetradic

65685C
5B6764
5E5B67
675B5E

Contrast Matrix WCAG 2.1 Contrast

65685C
D8E5AF
FF6E53
EAEFAE
A5A878
—
4.3
AA Large
2.1
Fail
4.7
AA
2.3
Fail
4.3
AA Large
—
2.1
Fail
1.1
Fail
1.9
Fail
2.1
Fail
2.1
Fail
—
2.3
Fail
1.1
Fail
4.7
AA
1.1
Fail
2.3
Fail
—
2.1
Fail
2.3
Fail
1.9
Fail
1.1
Fail
2.1
Fail
—
White BG
5.7AA
1.3Fail
2.8Fail
1.2Fail
2.5Fail
Black BG
3.7AA Large
15.7AAA
7.6AAA
17.5AAA
8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

66665F
DEDEBC
C0BF5A
ECECBE
A6A684

Deuteranopia

666660
DDDCBF
C9D45B
ECECC2
A6A686

Tritanopia

656162
D9C6C9
F85F60
EACACD
A58D8F

Achromatopsia

666666
DBDBDB
969696
E6E6E6
A2A2A2

Shades & Tints Shades & Tints

#65685C

Dark
Light

#D8E5AF

Dark
Light

#FF6E53

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #65685c;
  --color-2: #d8e5af;
  --color-3: #ff6e53;
  --color-4: #eaefae;
  --color-5: #a5a878;
}

SCSS

$color-1: #65685c;
$color-2: #d8e5af;
$color-3: #ff6e53;
$color-4: #eaefae;
$color-5: #a5a878;

TAILWIND

colors: {
  'brand-1': '#65685c',
  'brand-2': '#d8e5af',
  'brand-3': '#ff6e53',
  'brand-4': '#eaefae',
  'brand-5': '#a5a878',
}

RGB Array

[101, 104, 92], [216, 229, 175], [255, 110, 83], [234, 239, 174], [165, 168, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #65685C, #D8E5AF, #FF6E53, #EAEFAE, #A5A878 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: #65685c; --color-2: #d8e5af; --color-3: #ff6e53; --color-4: #eaefae; --color-5: #a5a878. 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