← Back to Editor

#EDF2B6 · #ADD9AD · #F25824 · #992656 · #592D44

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

#EDF2B6

Fresh Green · Wheat · Lemon Cream

HEX
#EDF2B6
RGB
rgb(237, 242, 182)
HSL
hsl(65, 70%, 83%)
HSB
hsb(65, 25%, 95%)
CMYK
cmyk(2%, 0%, 25%, 5%)
Oklch
oklch(94.3% 0.077 111.7)

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

#ADD9AD

Celadon · Silver · Apple Green

HEX
#ADD9AD
RGB
rgb(173, 217, 173)
HSL
hsl(120, 37%, 76%)
HSB
hsb(120, 20%, 85%)
CMYK
cmyk(20%, 0%, 20%, 15%)
Oklch
oklch(84.2% 0.076 144.9)

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

#F25824

Tangerine · Chocolate · Warm Sun

HEX
#F25824
RGB
rgb(242, 88, 36)
HSL
hsl(15, 89%, 55%)
HSB
hsb(15, 85%, 95%)
CMYK
cmyk(0%, 64%, 85%, 5%)
Oklch
oklch(66.0% 0.199 37.5)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#992656

Dark Violet · Brown · Camellia

HEX
#992656
RGB
rgb(153, 38, 86)
HSL
hsl(335, 60%, 37%)
HSB
hsb(335, 75%, 60%)
CMYK
cmyk(0%, 75%, 44%, 40%)
Oklch
oklch(46.6% 0.155 360.0)

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

#592D44

Rose Purple · DarkSlateGray · Camellia

HEX
#592D44
RGB
rgb(89, 45, 68)
HSL
hsl(329, 33%, 26%)
HSB
hsb(329, 49%, 35%)
CMYK
cmyk(0%, 49%, 24%, 65%)
Oklch
oklch(36.3% 0.072 348.6)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDF2B6
BAB5F2

Analogous

F2D9B5
EDF2B6
CFF2B5

Triadic

EDF2B6
B5EDF2
F2B5ED

Split-Comp.

EDF2B6
B5CFF2
D9B5F2

Tetradic

EDF2B6
B5F2D9
BAB5F2
F2B5CF

Contrast Matrix WCAG 2.1 Contrast

EDF2B6
ADD9AD
F25824
992656
592D44
—
1.4
Fail
2.9
Fail
6.5
AA
9.5
AAA
1.4
Fail
—
2.1
Fail
4.8
AA
7.1
AAA
2.9
Fail
2.1
Fail
—
2.2
Fail
3.3
AA Large
6.5
AA
4.8
AA
2.2
Fail
—
1.5
Fail
9.5
AAA
7.1
AAA
3.3
AA Large
1.5
Fail
—
White BG
1.2Fail
1.6Fail
3.4AA Large
7.6AAA
11.1AAA
Black BG
18.0AAA
13.3AAA
6.2AA
2.8Fail
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFC5
C0C0B8
AFAE31
67664A
46463E

Deuteranopia

EFEEC8
BEBABA
B8C434
6E7748
494C3D

Tritanopia

EDD0D3
AFC0C2
EA3B3D
93413F
573A39

Achromatopsia

EAEAEA
C7C7C7
808080
4E4E4E
3D3D3D

Shades & Tints Shades & Tints

#EDF2B6

Dark
Light

#ADD9AD

Dark
Light

#F25824

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edf2b6;
  --color-2: #add9ad;
  --color-3: #f25824;
  --color-4: #992656;
  --color-5: #592d44;
}

SCSS

$color-1: #edf2b6;
$color-2: #add9ad;
$color-3: #f25824;
$color-4: #992656;
$color-5: #592d44;

TAILWIND

colors: {
  'brand-1': '#edf2b6',
  'brand-2': '#add9ad',
  'brand-3': '#f25824',
  'brand-4': '#992656',
  'brand-5': '#592d44',
}

RGB Array

[237, 242, 182], [173, 217, 173], [242, 88, 36], [153, 38, 86], [89, 45, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDF2B6, #ADD9AD, #F25824, #992656, #592D44 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: #edf2b6; --color-2: #add9ad; --color-3: #f25824; --color-4: #992656; --color-5: #592d44. 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