← Back to Editor

#EED7B5 · #249792 · #79C4A3 · #C37E77 · #AD666C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#EED7B5

Goose Yellow · Wheat · Peach Orange

HEX
#EED7B5
RGB
rgb(238, 215, 181)
HSL
hsl(36, 63%, 82%)
HSB
hsb(36, 24%, 93%)
CMYK
cmyk(0%, 10%, 24%, 7%)
Oklch
oklch(88.9% 0.052 77.6)

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

#249792

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#249792
RGB
rgb(36, 151, 146)
HSL
hsl(177, 61%, 37%)
HSB
hsb(177, 76%, 59%)
CMYK
cmyk(76%, 0%, 3%, 41%)
Oklch
oklch(61.5% 0.097 190.5)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#79C4A3

Jade · MediumAquaMarine · Apple Green

HEX
#79C4A3
RGB
rgb(121, 196, 163)
HSL
hsl(154, 39%, 62%)
HSB
hsb(154, 38%, 77%)
CMYK
cmyk(38%, 0%, 17%, 23%)
Oklch
oklch(76.2% 0.089 164.5)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#C37E77

Peach Pink · DarkSalmon · Coral Red

HEX
#C37E77
RGB
rgb(195, 126, 119)
HSL
hsl(6, 39%, 62%)
HSB
hsb(6, 39%, 76%)
CMYK
cmyk(0%, 35%, 39%, 24%)
Oklch
oklch(66.3% 0.087 26.0)

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

#AD666C

Crimson · Gray · Passion Red

HEX
#AD666C
RGB
rgb(173, 102, 108)
HSL
hsl(355, 30%, 54%)
HSB
hsb(355, 41%, 68%)
CMYK
cmyk(0%, 41%, 38%, 32%)
Oklch
oklch(59.1% 0.092 14.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EED7B5
B4CBEE

Analogous

EEBAB4
EED7B5
E8EEB4

Triadic

EED7B5
B4EED7
D7B4EE

Split-Comp.

EED7B5
B4E8EE
BAB4EE

Tetradic

EED7B5
B4EEBA
B4CBEE
EEB4E8

Contrast Matrix WCAG 2.1 Contrast

EED7B5
249792
79C4A3
C37E77
AD666C
—
2.5
Fail
1.5
Fail
2.3
Fail
3.1
AA Large
2.5
Fail
—
1.7
Fail
1.1
Fail
1.2
Fail
1.5
Fail
1.7
Fail
—
1.6
Fail
2.1
Fail
2.3
Fail
1.1
Fail
1.6
Fail
—
1.3
Fail
3.1
AA Large
1.2
Fail
2.1
Fail
1.3
Fail
—
White BG
1.4Fail
3.5AA Large
2.1Fail
3.2AA Large
4.3AA Large
Black BG
15.0AAA
5.9AA
10.2AAA
6.6AA
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4BD
565793
999AAB
A5A579
8E8E6B

Deuteranopia

E5E7BF
4F4794
9590AD
A9AE79
92986A

Tritanopia

EDC4C5
2A9494
7DB1B3
C07A7A
A96969

Achromatopsia

DADADA
747474
AAAAAA
929292
7C7C7C

Shades & Tints Shades & Tints

#EED7B5

Dark
Light

#249792

Dark
Light

#79C4A3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eed7b5;
  --color-2: #249792;
  --color-3: #79c4a3;
  --color-4: #c37e77;
  --color-5: #ad666c;
}

SCSS

$color-1: #eed7b5;
$color-2: #249792;
$color-3: #79c4a3;
$color-4: #c37e77;
$color-5: #ad666c;

TAILWIND

colors: {
  'brand-1': '#eed7b5',
  'brand-2': '#249792',
  'brand-3': '#79c4a3',
  'brand-4': '#c37e77',
  'brand-5': '#ad666c',
}

RGB Array

[238, 215, 181], [36, 151, 146], [121, 196, 163], [195, 126, 119], [173, 102, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EED7B5, #249792, #79C4A3, #C37E77, #AD666C 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: #eed7b5; --color-2: #249792; --color-3: #79c4a3; --color-4: #c37e77; --color-5: #ad666c. 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