← Back to Editor

#867853 · #D8E6D7 · #FFFDE0 · #F5F891 · #ACA1A5

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#867853

Ochre · DimGray · Honey Gold

HEX
#867853
RGB
rgb(134, 120, 83)
HSL
hsl(44, 24%, 43%)
HSB
hsb(44, 38%, 53%)
CMYK
cmyk(0%, 10%, 38%, 47%)
Oklch
oklch(57.6% 0.055 89.7)

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

#D8E6D7

Celadon · LightGray · Mint Green

HEX
#D8E6D7
RGB
rgb(216, 230, 215)
HSL
hsl(116, 23%, 87%)
HSB
hsb(116, 7%, 90%)
CMYK
cmyk(6%, 0%, 7%, 10%)
Oklch
oklch(91.0% 0.025 143.5)

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

#FFFDE0

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFDE0
RGB
rgb(255, 253, 224)
HSL
hsl(56, 100%, 94%)
HSB
hsb(56, 12%, 100%)
CMYK
cmyk(0%, 1%, 12%, 0%)
Oklch
oklch(98.8% 0.038 103.8)

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

#F5F891

Fresh Green · Khaki · Lemon Cream

HEX
#F5F891
RGB
rgb(245, 248, 145)
HSL
hsl(62, 88%, 77%)
HSB
hsb(62, 42%, 97%)
CMYK
cmyk(1%, 0%, 42%, 3%)
Oklch
oklch(95.5% 0.126 110.0)

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

#ACA1A5

Ash · DarkGray · Silver Sand

HEX
#ACA1A5
RGB
rgb(172, 161, 165)
HSL
hsl(338, 6%, 65%)
HSB
hsb(338, 6%, 67%)
CMYK
cmyk(0%, 6%, 4%, 33%)
Oklch
oklch(72.0% 0.014 353.3)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

867853
536188

Analogous

886053
867853
7C8853

Triadic

867853
53887A
7A5388

Split-Comp.

867853
537C88
605388

Tetradic

867853
538860
536188
88537C

Contrast Matrix WCAG 2.1 Contrast

867853
D8E6D7
FFFDE0
F5F891
ACA1A5
—
3.4
AA Large
4.2
AA Large
3.9
AA Large
1.7
Fail
3.4
AA Large
—
1.3
Fail
1.2
Fail
1.9
Fail
4.2
AA Large
1.3
Fail
—
1.1
Fail
2.4
Fail
3.9
AA Large
1.2
Fail
1.1
Fail
—
2.2
Fail
1.7
Fail
1.9
Fail
2.4
Fail
2.2
Fail
—
White BG
4.4AA Large
1.3Fail
1.0Fail
1.1Fail
2.5Fail
Black BG
4.8AA
16.2AAA
20.4AAA
18.7AAA
8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

80805C
DEDEDB
FEFEE7
F6F6AA
A7A7A4

Deuteranopia

81825E
DDDCDC
FEFEE9
F6F6B0
A8A9A4

Tritanopia

856365
D9DDDE
FFEDEE
F5BEC2
ABA3A3

Achromatopsia

787878
E0E0E0
FAFAFA
EBEBEB
A5A5A5

Shades & Tints Shades & Tints

#867853

Dark
Light

#D8E6D7

Dark
Light

#FFFDE0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #867853;
  --color-2: #d8e6d7;
  --color-3: #fffde0;
  --color-4: #f5f891;
  --color-5: #aca1a5;
}

SCSS

$color-1: #867853;
$color-2: #d8e6d7;
$color-3: #fffde0;
$color-4: #f5f891;
$color-5: #aca1a5;

TAILWIND

colors: {
  'brand-1': '#867853',
  'brand-2': '#d8e6d7',
  'brand-3': '#fffde0',
  'brand-4': '#f5f891',
  'brand-5': '#aca1a5',
}

RGB Array

[134, 120, 83], [216, 230, 215], [255, 253, 224], [245, 248, 145], [172, 161, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #867853, #D8E6D7, #FFFDE0, #F5F891, #ACA1A5 is ideal for: health products, baby brands, fresh-style blogs, 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: #867853; --color-2: #d8e6d7; --color-3: #fffde0; --color-4: #f5f891; --color-5: #aca1a5. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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