← Back to Editor

#EAF3D9 · #F8F9DC · #DED38A · #E2A4A7 · #241033

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#EAF3D9

Willow Green · Beige · Mint Green

HEX
#EAF3D9
RGB
rgb(234, 243, 217)
HSL
hsl(81, 52%, 90%)
HSB
hsb(81, 11%, 95%)
CMYK
cmyk(4%, 0%, 11%, 5%)
Oklch
oklch(95.0% 0.036 122.6)

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

#F8F9DC

Fresh Green · Beige · Lemon Cream

HEX
#F8F9DC
RGB
rgb(248, 249, 220)
HSL
hsl(62, 71%, 92%)
HSB
hsb(62, 12%, 98%)
CMYK
cmyk(0%, 0%, 12%, 2%)
Oklch
oklch(97.4% 0.038 108.7)

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

#DED38A

Fresh Green · Khaki · Sunflower

HEX
#DED38A
RGB
rgb(222, 211, 138)
HSL
hsl(52, 56%, 71%)
HSB
hsb(52, 38%, 87%)
CMYK
cmyk(0%, 5%, 38%, 13%)
Oklch
oklch(85.9% 0.094 100.7)

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

#E2A4A7

Peach Pink · Tan · Coral Red

HEX
#E2A4A7
RGB
rgb(226, 164, 167)
HSL
hsl(357, 52%, 76%)
HSB
hsb(357, 27%, 89%)
CMYK
cmyk(0%, 27%, 26%, 11%)
Oklch
oklch(77.8% 0.074 15.7)

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

#241033

Royal Purple · MidnightBlue · Dark Purple

HEX
#241033
RGB
rgb(36, 16, 51)
HSL
hsl(274, 52%, 13%)
HSB
hsb(274, 69%, 20%)
CMYK
cmyk(29%, 69%, 0%, 80%)
Oklch
oklch(22.2% 0.068 308.2)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAF3D9
E2D8F3

Analogous

F3EFD8
EAF3D9
DCF3D8

Triadic

EAF3D9
D8E9F3
F3D8E9

Split-Comp.

EAF3D9
D8DCF3
EFD8F3

Tetradic

EAF3D9
D8F3EF
E2D8F3
F3D8DC

Contrast Matrix WCAG 2.1 Contrast

EAF3D9
F8F9DC
DED38A
E2A4A7
241033
—
1.1
Fail
1.3
Fail
1.8
Fail
15.3
AAA
1.1
Fail
—
1.4
Fail
1.9
Fail
16.4
AAA
1.3
Fail
1.4
Fail
—
1.4
Fail
11.5
AAA
1.8
Fail
1.9
Fail
1.4
Fail
—
8.4
AAA
15.3
AAA
16.4
AAA
11.5
AAA
8.4
AAA
—
White BG
1.1Fail
1.1Fail
1.5Fail
2.1Fail
17.5AAA
Black BG
18.3AAA
19.6AAA
13.8AAA
10.1AAA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEDF
F8F8E3
D9D99C
C7C7A6
1B1B2B

Deuteranopia

EDEDE1
F8F8E5
DADBA0
CBCFA6
1D1E28

Tritanopia

EAE4E5
F8E9EA
DDAAAD
DFA6A6
232422

Achromatopsia

EDEDED
F5F5F5
CECECE
B7B7B7
1A1A1A

Shades & Tints Shades & Tints

#EAF3D9

Dark
Light

#F8F9DC

Dark
Light

#DED38A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eaf3d9;
  --color-2: #f8f9dc;
  --color-3: #ded38a;
  --color-4: #e2a4a7;
  --color-5: #241033;
}

SCSS

$color-1: #eaf3d9;
$color-2: #f8f9dc;
$color-3: #ded38a;
$color-4: #e2a4a7;
$color-5: #241033;

TAILWIND

colors: {
  'brand-1': '#eaf3d9',
  'brand-2': '#f8f9dc',
  'brand-3': '#ded38a',
  'brand-4': '#e2a4a7',
  'brand-5': '#241033',
}

RGB Array

[234, 243, 217], [248, 249, 220], [222, 211, 138], [226, 164, 167], [36, 16, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #EAF3D9, #F8F9DC, #DED38A, #E2A4A7, #241033 is ideal for: health products, baby brands, fresh-style blogs, 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: #eaf3d9; --color-2: #f8f9dc; --color-3: #ded38a; --color-4: #e2a4a7; --color-5: #241033. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 cool-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