← Back to Editor

#947859 · #EDE5DA · #EDDDE8 · #A8DEF7

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#947859

Ochre · Gray · Amber Brown

HEX
#947859
RGB
rgb(148, 120, 89)
HSL
hsl(32, 25%, 46%)
HSB
hsb(32, 40%, 58%)
CMYK
cmyk(0%, 19%, 40%, 42%)
Oklch
oklch(59.2% 0.056 69.2)

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

#EDE5DA

Goose Yellow · Beige · Peach Orange

HEX
#EDE5DA
RGB
rgb(237, 229, 218)
HSL
hsl(35, 35%, 89%)
HSB
hsb(35, 8%, 93%)
CMYK
cmyk(0%, 3%, 8%, 7%)
Oklch
oklch(92.5% 0.017 76.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#EDDDE8

Mauve · Lavender · Lavender

HEX
#EDDDE8
RGB
rgb(237, 221, 232)
HSL
hsl(319, 31%, 90%)
HSB
hsb(319, 7%, 93%)
CMYK
cmyk(0%, 7%, 2%, 7%)
Oklch
oklch(91.4% 0.023 336.9)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#A8DEF7

Sky Blue · LightBlue · Glacier Blue

HEX
#A8DEF7
RGB
rgb(168, 222, 247)
HSL
hsl(199, 83%, 81%)
HSB
hsb(199, 32%, 97%)
CMYK
cmyk(32%, 10%, 0%, 3%)
Oklch
oklch(87.2% 0.065 228.1)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

947859
587393

Analogous

935A58
947859
919358

Triadic

947859
589377
775893

Split-Comp.

947859
589193
5A5893

Tetradic

947859
58935A
587393
935891

Contrast Matrix WCAG 2.1 Contrast

947859
EDE5DA
EDDDE8
A8DEF7
—
3.3
AA Large
3.2
AA Large
2.8
Fail
3.3
AA Large
—
1.0
Fail
1.2
Fail
3.2
AA Large
1.0
Fail
—
1.1
Fail
2.8
Fail
1.2
Fail
1.1
Fail
—
White BG
4.1AA Large
1.2Fail
1.3Fail
1.5Fail
Black BG
5.1AA
16.8AAA
16.1AAA
14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

888861
EAE9DD
E6E6E5
BFC0F1

Deuteranopia

8A8C62
EAEBDD
E7E8E5
BCB8EF

Tritanopia

936668
EDDFDF
ECE3E3
ABECEB

Achromatopsia

7D7D7D
E6E6E6
E3E3E3
D1D1D1

Shades & Tints Shades & Tints

#947859

Dark
Light

#EDE5DA

Dark
Light

#EDDDE8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #947859;
  --color-2: #ede5da;
  --color-3: #eddde8;
  --color-4: #a8def7;
}

SCSS

$color-1: #947859;
$color-2: #ede5da;
$color-3: #eddde8;
$color-4: #a8def7;

TAILWIND

colors: {
  'brand-1': '#947859',
  'brand-2': '#ede5da',
  'brand-3': '#eddde8',
  'brand-4': '#a8def7',
}

RGB Array

[148, 120, 89], [237, 229, 218], [237, 221, 232], [168, 222, 247]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This general-style palette of #947859, #EDE5DA, #EDDDE8, #A8DEF7 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 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #947859; --color-2: #ede5da; --color-3: #eddde8; --color-4: #a8def7. 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 4-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