← Back to Editor

#E0DAE3 · #F1C694 · #E85D6C · #8C303B · #2F908D

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

#E0DAE3

Lilac · LightGray · Lavender

HEX
#E0DAE3
RGB
rgb(224, 218, 227)
HSL
hsl(280, 14%, 87%)
HSB
hsb(280, 4%, 89%)
CMYK
cmyk(1%, 4%, 0%, 11%)
Oklch
oklch(89.6% 0.014 314.8)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#F1C694

Goose Yellow · BurlyWood · Peach Orange

HEX
#F1C694
RGB
rgb(241, 198, 148)
HSL
hsl(32, 77%, 76%)
HSB
hsb(32, 39%, 95%)
CMYK
cmyk(0%, 18%, 39%, 5%)
Oklch
oklch(85.2% 0.081 70.6)

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

#E85D6C

Peach Pink · Salmon · Coral Red

HEX
#E85D6C
RGB
rgb(232, 93, 108)
HSL
hsl(354, 75%, 64%)
HSB
hsb(354, 60%, 91%)
CMYK
cmyk(0%, 60%, 53%, 9%)
Oklch
oklch(66.0% 0.172 16.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#8C303B

Crimson · Brown · Wine Red

HEX
#8C303B
RGB
rgb(140, 48, 59)
HSL
hsl(353, 49%, 37%)
HSB
hsb(353, 66%, 55%)
CMYK
cmyk(0%, 66%, 58%, 45%)
Oklch
oklch(44.6% 0.125 16.7)

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

#2F908D

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#2F908D
RGB
rgb(47, 144, 141)
HSL
hsl(178, 51%, 37%)
HSB
hsb(178, 67%, 56%)
CMYK
cmyk(67%, 0%, 2%, 44%)
Oklch
oklch(59.7% 0.088 192.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0DAE3
DCE2D9

Analogous

DBD9E2
E0DAE3
E2D9E1

Triadic

E0DAE3
E2DFD9
D9E2DF

Split-Comp.

E0DAE3
E1E2D9
D9E2DB

Tetradic

E0DAE3
E2DBD9
DCE2D9
D9E1E2

Contrast Matrix WCAG 2.1 Contrast

E0DAE3
F1C694
E85D6C
8C303B
2F908D
—
1.2
Fail
2.5
Fail
5.9
AA
2.8
Fail
1.2
Fail
—
2.1
Fail
5.1
AA
2.4
Fail
2.5
Fail
2.1
Fail
—
2.4
Fail
1.1
Fail
5.9
AA
5.1
AA
2.4
Fail
—
2.1
Fail
2.8
Fail
2.4
Fail
1.1
Fail
2.1
Fail
—
White BG
1.4Fail
1.6Fail
3.4AA Large
8.1AAA
3.8AA Large
Black BG
15.3AAA
13.2AAA
6.2AA
2.6Fail
5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDDE1
DEDEA0
ACAB68
646338
595A8E

Deuteranopia

DEDEE0
E1E4A3
B4BE68
6A7038
534C8E

Tritanopia

E0DFDF
EFAAAC
E16665
873636
348E8E

Achromatopsia

DDDDDD
CDCDCD
888888
4D4D4D
737373

Shades & Tints Shades & Tints

#E0DAE3

Dark
Light

#F1C694

Dark
Light

#E85D6C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0dae3;
  --color-2: #f1c694;
  --color-3: #e85d6c;
  --color-4: #8c303b;
  --color-5: #2f908d;
}

SCSS

$color-1: #e0dae3;
$color-2: #f1c694;
$color-3: #e85d6c;
$color-4: #8c303b;
$color-5: #2f908d;

TAILWIND

colors: {
  'brand-1': '#e0dae3',
  'brand-2': '#f1c694',
  'brand-3': '#e85d6c',
  'brand-4': '#8c303b',
  'brand-5': '#2f908d',
}

RGB Array

[224, 218, 227], [241, 198, 148], [232, 93, 108], [140, 48, 59], [47, 144, 141]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0DAE3, #F1C694, #E85D6C, #8C303B, #2F908D 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: #e0dae3; --color-2: #f1c694; --color-3: #e85d6c; --color-4: #8c303b; --color-5: #2f908d. 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