← Back to Editor

#948367 · #E6E2C5 · #ADA832 · #DD7363 · #FFC9B1

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

#948367

Ochre · Gray · Amber Brown

HEX
#948367
RGB
rgb(148, 131, 103)
HSL
hsl(37, 18%, 49%)
HSB
hsb(37, 30%, 58%)
CMYK
cmyk(0%, 11%, 30%, 42%)
Oklch
oklch(61.8% 0.045 80.1)

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

#E6E2C5

Fresh Green · Wheat · Lemon Cream

HEX
#E6E2C5
RGB
rgb(230, 226, 197)
HSL
hsl(53, 40%, 84%)
HSB
hsb(53, 14%, 90%)
CMYK
cmyk(0%, 2%, 14%, 10%)
Oklch
oklch(90.8% 0.039 100.7)

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

#ADA832

Autumn Sage · GoldenRod · Honey Gold

HEX
#ADA832
RGB
rgb(173, 168, 50)
HSL
hsl(58, 55%, 44%)
HSB
hsb(58, 71%, 68%)
CMYK
cmyk(0%, 3%, 71%, 32%)
Oklch
oklch(71.5% 0.135 106.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#DD7363

Peach Pink · Salmon · Coral Red

HEX
#DD7363
RGB
rgb(221, 115, 99)
HSL
hsl(8, 64%, 63%)
HSB
hsb(8, 55%, 87%)
CMYK
cmyk(0%, 48%, 55%, 13%)
Oklch
oklch(67.3% 0.135 30.0)

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

#FFC9B1

Apricot · Wheat · Peach Orange

HEX
#FFC9B1
RGB
rgb(255, 201, 177)
HSL
hsl(18, 100%, 85%)
HSB
hsb(18, 31%, 100%)
CMYK
cmyk(0%, 21%, 31%, 0%)
Oklch
oklch(87.8% 0.070 45.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

948367
667893

Analogous

936C66
948367
8E9366

Triadic

948367
669382
826693

Split-Comp.

948367
668E93
6C6693

Tetradic

948367
66936C
667893
93668E

Contrast Matrix WCAG 2.1 Contrast

948367
E6E2C5
ADA832
DD7363
FFC9B1
—
2.8
Fail
1.5
Fail
1.2
Fail
2.5
Fail
2.8
Fail
—
1.9
Fail
2.4
Fail
1.1
Fail
1.5
Fail
1.9
Fail
—
1.3
Fail
1.7
Fail
1.2
Fail
2.4
Fail
1.3
Fail
—
2.1
Fail
2.5
Fail
1.1
Fail
1.7
Fail
2.1
Fail
—
White BG
3.7AA Large
1.3Fail
2.5Fail
3.1AA Large
1.5Fail
Black BG
5.7AA
16.0AAA
8.4AAA
6.7AA
14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8C6E
E4E4CC
ABAB4F
AFAE67
E8E7B7

Deuteranopia

8E8F6F
E5E5CE
ABAC55
B5BD68
EBEFB8

Tritanopia

937374
E6D2D3
AD656A
D86A6B
FCBBBC

Achromatopsia

858585
E0E0E0
9C9C9C
919191
D6D6D6

Shades & Tints Shades & Tints

#948367

Dark
Light

#E6E2C5

Dark
Light

#ADA832

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #948367;
  --color-2: #e6e2c5;
  --color-3: #ada832;
  --color-4: #dd7363;
  --color-5: #ffc9b1;
}

SCSS

$color-1: #948367;
$color-2: #e6e2c5;
$color-3: #ada832;
$color-4: #dd7363;
$color-5: #ffc9b1;

TAILWIND

colors: {
  'brand-1': '#948367',
  'brand-2': '#e6e2c5',
  'brand-3': '#ada832',
  'brand-4': '#dd7363',
  'brand-5': '#ffc9b1',
}

RGB Array

[148, 131, 103], [230, 226, 197], [173, 168, 50], [221, 115, 99], [255, 201, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #948367, #E6E2C5, #ADA832, #DD7363, #FFC9B1 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: #948367; --color-2: #e6e2c5; --color-3: #ada832; --color-4: #dd7363; --color-5: #ffc9b1. 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