← Back to Editor

#E9F9E2 · #D8C061 · #E06B4D · #8A153C · #61281F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#E9F9E2

Emerald · Beige · Mint Green

HEX
#E9F9E2
RGB
rgb(233, 249, 226)
HSL
hsl(102, 66%, 93%)
HSB
hsb(102, 9%, 98%)
CMYK
cmyk(6%, 0%, 9%, 2%)
Oklch
oklch(96.4% 0.035 136.0)

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

#D8C061

Ginger · BurlyWood · Sunflower

HEX
#D8C061
RGB
rgb(216, 192, 97)
HSL
hsl(48, 60%, 61%)
HSB
hsb(48, 55%, 85%)
CMYK
cmyk(0%, 11%, 55%, 15%)
Oklch
oklch(80.9% 0.119 95.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#E06B4D

Vermilion · Tomato · Passion Red

HEX
#E06B4D
RGB
rgb(224, 107, 77)
HSL
hsl(12, 70%, 59%)
HSB
hsb(12, 66%, 88%)
CMYK
cmyk(0%, 52%, 66%, 12%)
Oklch
oklch(66.2% 0.153 35.5)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#8A153C

Dark Violet · Brown · Camellia

HEX
#8A153C
RGB
rgb(138, 21, 60)
HSL
hsl(340, 74%, 31%)
HSB
hsb(340, 85%, 54%)
CMYK
cmyk(0%, 85%, 57%, 46%)
Oklch
oklch(41.7% 0.151 8.2)

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

#61281F

Crimson · Maroon · Wine Red

HEX
#61281F
RGB
rgb(97, 40, 31)
HSL
hsl(8, 52%, 25%)
HSB
hsb(8, 68%, 38%)
CMYK
cmyk(0%, 59%, 68%, 62%)
Oklch
oklch(35.6% 0.085 30.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9F9E2
F2E1F9

Analogous

F4F9E1
E9F9E2
E1F9E6

Triadic

E9F9E2
E1E8F9
F9E1E8

Split-Comp.

E9F9E2
E6E1F9
F9E1F4

Tetradic

E9F9E2
E1F4F9
F2E1F9
F9E6E1

Contrast Matrix WCAG 2.1 Contrast

E9F9E2
D8C061
E06B4D
8A153C
61281F
—
1.6
Fail
3.0
Fail
8.5
AAA
10.4
AAA
1.6
Fail
—
1.8
Fail
5.2
AA
6.4
AA
3.0
Fail
1.8
Fail
—
2.8
Fail
3.5
AA Large
8.5
AAA
5.2
AA
2.8
Fail
—
1.2
Fail
10.4
AAA
6.4
AA
3.5
AA Large
1.2
Fail
—
White BG
1.1Fail
1.8Fail
3.3AA Large
9.3AAA
11.5AAA
Black BG
19.1AAA
11.6AAA
6.4AA
2.3Fail
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0E8
CECD78
ADAC54
575633
484821

Deuteranopia

EFEEE9
CFD17D
B4BD56
5E6730
4C5022

Tritanopia

EAECED
D78A8E
DA5A5B
842B29
5E2323

Achromatopsia

F2F2F2
BCBCBC
8B8B8B
3C3C3C
383838

Shades & Tints Shades & Tints

#E9F9E2

Dark
Light

#D8C061

Dark
Light

#E06B4D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9f9e2;
  --color-2: #d8c061;
  --color-3: #e06b4d;
  --color-4: #8a153c;
  --color-5: #61281f;
}

SCSS

$color-1: #e9f9e2;
$color-2: #d8c061;
$color-3: #e06b4d;
$color-4: #8a153c;
$color-5: #61281f;

TAILWIND

colors: {
  'brand-1': '#e9f9e2',
  'brand-2': '#d8c061',
  'brand-3': '#e06b4d',
  'brand-4': '#8a153c',
  'brand-5': '#61281f',
}

RGB Array

[233, 249, 226], [216, 192, 97], [224, 107, 77], [138, 21, 60], [97, 40, 31]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E9F9E2, #D8C061, #E06B4D, #8A153C, #61281F is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e9f9e2; --color-2: #d8c061; --color-3: #e06b4d; --color-4: #8a153c; --color-5: #61281f. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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