← Back to Editor

#EBF7E5 · #FCDA7D · #E15F73 · #CD385C · #55475A

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

#EBF7E5

Emerald · Beige · Mint Green

HEX
#EBF7E5
RGB
rgb(235, 247, 229)
HSL
hsl(100, 53%, 93%)
HSB
hsb(100, 7%, 97%)
CMYK
cmyk(5%, 0%, 7%, 3%)
Oklch
oklch(96.2% 0.027 135.0)

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

#FCDA7D

Goose Yellow · Khaki · Sunflower

HEX
#FCDA7D
RGB
rgb(252, 218, 125)
HSL
hsl(44, 95%, 74%)
HSB
hsb(44, 50%, 99%)
CMYK
cmyk(0%, 13%, 50%, 1%)
Oklch
oklch(89.8% 0.119 89.9)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#E15F73

Peach Pink · LightCoral · Coral Red

HEX
#E15F73
RGB
rgb(225, 95, 115)
HSL
hsl(351, 68%, 63%)
HSB
hsb(351, 58%, 88%)
CMYK
cmyk(0%, 58%, 49%, 12%)
Oklch
oklch(65.4% 0.162 13.4)

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

#CD385C

Crimson · Crimson · Passion Red

HEX
#CD385C
RGB
rgb(205, 56, 92)
HSL
hsl(346, 60%, 51%)
HSB
hsb(346, 73%, 80%)
CMYK
cmyk(0%, 73%, 55%, 20%)
Oklch
oklch(57.3% 0.185 11.3)

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

#55475A

Dark Plum · DarkSlateGray · Eggplant

HEX
#55475A
RGB
rgb(85, 71, 90)
HSL
hsl(284, 12%, 32%)
HSB
hsb(284, 21%, 35%)
CMYK
cmyk(6%, 21%, 0%, 65%)
Oklch
oklch(41.9% 0.036 317.1)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBF7E5
F0E4F7

Analogous

F3F7E4
EBF7E5
E4F7E7

Triadic

EBF7E5
E4EAF7
F7E4EA

Split-Comp.

EBF7E5
E7E4F7
F7E4F3

Tetradic

EBF7E5
E4F3F7
F0E4F7
F7E7E4

Contrast Matrix WCAG 2.1 Contrast

EBF7E5
FCDA7D
E15F73
CD385C
55475A
—
1.2
Fail
3.1
AA Large
4.4
AA Large
7.8
AAA
1.2
Fail
—
2.5
Fail
3.6
AA Large
6.4
AA
3.1
AA Large
2.5
Fail
—
1.4
Fail
2.5
Fail
4.4
AA Large
3.6
AA Large
1.4
Fail
—
1.8
Fail
7.8
AAA
6.4
AA
2.5
Fail
1.8
Fail
—
White BG
1.1Fail
1.4Fail
3.5AA Large
4.9AA
8.6AAA
Black BG
19.0AAA
15.5AAA
6.1AA
4.3AA Large
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0E9
EDED94
A9A86E
8C8B53
4F4F55

Deuteranopia

F0EFEA
EFF299
B0BA6D
95A051
505154

Tritanopia

ECEDEE
FAA5A9
DB6A6A
C64C4B
545251

Achromatopsia

F1F1F1
DADADA
888888
696969
4D4D4D

Shades & Tints Shades & Tints

#EBF7E5

Dark
Light

#FCDA7D

Dark
Light

#E15F73

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebf7e5;
  --color-2: #fcda7d;
  --color-3: #e15f73;
  --color-4: #cd385c;
  --color-5: #55475a;
}

SCSS

$color-1: #ebf7e5;
$color-2: #fcda7d;
$color-3: #e15f73;
$color-4: #cd385c;
$color-5: #55475a;

TAILWIND

colors: {
  'brand-1': '#ebf7e5',
  'brand-2': '#fcda7d',
  'brand-3': '#e15f73',
  'brand-4': '#cd385c',
  'brand-5': '#55475a',
}

RGB Array

[235, 247, 229], [252, 218, 125], [225, 95, 115], [205, 56, 92], [85, 71, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBF7E5, #FCDA7D, #E15F73, #CD385C, #55475A 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: #ebf7e5; --color-2: #fcda7d; --color-3: #e15f73; --color-4: #cd385c; --color-5: #55475a. 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