← Back to Editor

#EFF3D3 · #959781 · #97425D · #682E37 · #5E0613

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

#EFF3D3

Fresh Green · Beige · Lemon Cream

HEX
#EFF3D3
RGB
rgb(239, 243, 211)
HSL
hsl(67, 57%, 89%)
HSB
hsb(67, 13%, 95%)
CMYK
cmyk(2%, 0%, 13%, 5%)
Oklch
oklch(95.3% 0.042 113.0)

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

#959781

Autumn Sage · Gray · Sunflower

HEX
#959781
RGB
rgb(149, 151, 129)
HSL
hsl(65, 10%, 55%)
HSB
hsb(65, 15%, 59%)
CMYK
cmyk(1%, 0%, 15%, 41%)
Oklch
oklch(66.9% 0.032 111.5)

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

#97425D

Dark Violet · Sienna · Camellia

HEX
#97425D
RGB
rgb(151, 66, 93)
HSL
hsl(341, 39%, 43%)
HSB
hsb(341, 56%, 59%)
CMYK
cmyk(0%, 56%, 38%, 41%)
Oklch
oklch(49.8% 0.117 2.3)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#682E37

Crimson · Brown · Wine Red

HEX
#682E37
RGB
rgb(104, 46, 55)
HSL
hsl(351, 39%, 29%)
HSB
hsb(351, 56%, 41%)
CMYK
cmyk(0%, 56%, 47%, 59%)
Oklch
oklch(38.3% 0.084 12.2)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#5E0613

Vermilion · Maroon · Deep Berry

HEX
#5E0613
RGB
rgb(94, 6, 19)
HSL
hsl(351, 88%, 20%)
HSB
hsb(351, 94%, 37%)
CMYK
cmyk(0%, 94%, 80%, 63%)
Oklch
oklch(30.9% 0.118 21.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFF3D3
D7D3F3

Analogous

F3E7D3
EFF3D3
DFF3D3

Triadic

EFF3D3
D3EFF3
F3D3EF

Split-Comp.

EFF3D3
D3DFF3
E7D3F3

Tetradic

EFF3D3
D3F3E7
D7D3F3
F3D3DF

Contrast Matrix WCAG 2.1 Contrast

EFF3D3
959781
97425D
682E37
5E0613
—
2.6
Fail
5.7
AA
9.1
AAA
12.2
AAA
2.6
Fail
—
2.2
Fail
3.5
AA Large
4.6
AA
5.7
AA
2.2
Fail
—
1.6
Fail
2.2
Fail
9.1
AAA
3.5
AA Large
1.6
Fail
—
1.3
Fail
12.2
AAA
4.6
AA
2.2
Fail
1.3
Fail
—
White BG
1.1Fail
3.0Fail
6.5AA
10.3AAA
13.9AAA
Black BG
18.4AAA
7.0AAA
3.3AA Large
2.0Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1DB
969686
727156
4F4E35
383710

Deuteranopia

F1F0DD
969688
777D55
525734
3D440F

Tritanopia

EFE1E2
958B8B
935150
653333
5A0D0D

Achromatopsia

EEEEEE
949494
5E5E5E
404040
222222

Shades & Tints Shades & Tints

#EFF3D3

Dark
Light

#959781

Dark
Light

#97425D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eff3d3;
  --color-2: #959781;
  --color-3: #97425d;
  --color-4: #682e37;
  --color-5: #5e0613;
}

SCSS

$color-1: #eff3d3;
$color-2: #959781;
$color-3: #97425d;
$color-4: #682e37;
$color-5: #5e0613;

TAILWIND

colors: {
  'brand-1': '#eff3d3',
  'brand-2': '#959781',
  'brand-3': '#97425d',
  'brand-4': '#682e37',
  'brand-5': '#5e0613',
}

RGB Array

[239, 243, 211], [149, 151, 129], [151, 66, 93], [104, 46, 55], [94, 6, 19]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFF3D3, #959781, #97425D, #682E37, #5E0613 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: #eff3d3; --color-2: #959781; --color-3: #97425d; --color-4: #682e37; --color-5: #5e0613. 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