← Back to Editor

#DFEBEA · #EAF8F7 · #85E260 · #2C99B4 · #24B5D9

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#DFEBEA

Jade · Lavender · Glacier Blue

HEX
#DFEBEA
RGB
rgb(223, 235, 234)
HSL
hsl(175, 23%, 90%)
HSB
hsb(175, 5%, 92%)
CMYK
cmyk(5%, 0%, 0%, 8%)
Oklch
oklch(93.1% 0.013 190.9)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#EAF8F7

Jade · Lavender · Glacier Blue

HEX
#EAF8F7
RGB
rgb(234, 248, 247)
HSL
hsl(176, 50%, 95%)
HSB
hsb(176, 6%, 97%)
CMYK
cmyk(6%, 0%, 0%, 3%)
Oklch
oklch(96.8% 0.015 191.8)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#85E260

Emerald · LightGreen · Apple Green

HEX
#85E260
RGB
rgb(133, 226, 96)
HSL
hsl(103, 69%, 63%)
HSB
hsb(103, 58%, 89%)
CMYK
cmyk(41%, 0%, 58%, 11%)
Oklch
oklch(82.7% 0.189 137.8)

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

#2C99B4

Lake Blue · LightSeaGreen · Mint Ice

HEX
#2C99B4
RGB
rgb(44, 153, 180)
HSL
hsl(192, 61%, 44%)
HSB
hsb(192, 76%, 71%)
CMYK
cmyk(76%, 15%, 0%, 29%)
Oklch
oklch(63.5% 0.102 218.5)

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

#24B5D9

Lake Blue · DarkTurquoise · Mint Ice

HEX
#24B5D9
RGB
rgb(36, 181, 217)
HSL
hsl(192, 72%, 50%)
HSB
hsb(192, 83%, 85%)
CMYK
cmyk(83%, 17%, 0%, 15%)
Oklch
oklch(71.7% 0.124 220.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DFEBEA
EBE0E1

Analogous

E0EBE5
DFEBEA
E0E6EB

Triadic

DFEBEA
EAE0EB
EBEAE0

Split-Comp.

DFEBEA
EBE0E6
EBE5E0

Tetradic

DFEBEA
E5E0EB
EBE0E1
E6EBE0

Contrast Matrix WCAG 2.1 Contrast

DFEBEA
EAF8F7
85E260
2C99B4
24B5D9
—
1.1
Fail
1.3
Fail
2.7
Fail
2.0
Fail
1.1
Fail
—
1.5
Fail
3.0
AA Large
2.2
Fail
1.3
Fail
1.5
Fail
—
2.1
Fail
1.5
Fail
2.7
Fail
3.0
AA Large
2.1
Fail
—
1.4
Fail
2.0
Fail
2.2
Fail
1.5
Fail
1.4
Fail
—
White BG
1.2Fail
1.1Fail
1.6Fail
3.3AA Large
2.4Fail
Black BG
17.2AAA
19.3AAA
13.0AAA
6.3AA
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4EA
F0F0F7
ADAE7F
5B5CAD
6364D0

Deuteranopia

E4E3EA
EFEEF7
A8A187
554DAC
5A50CE

Tritanopia

E0EAEA
EBF7F7
8A989E
31A8A7
2BC9C8

Achromatopsia

E7E7E7
F4F4F4
B7B7B7
7B7B7B
8E8E8E

Shades & Tints Shades & Tints

#DFEBEA

Dark
Light

#EAF8F7

Dark
Light

#85E260

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dfebea;
  --color-2: #eaf8f7;
  --color-3: #85e260;
  --color-4: #2c99b4;
  --color-5: #24b5d9;
}

SCSS

$color-1: #dfebea;
$color-2: #eaf8f7;
$color-3: #85e260;
$color-4: #2c99b4;
$color-5: #24b5d9;

TAILWIND

colors: {
  'brand-1': '#dfebea',
  'brand-2': '#eaf8f7',
  'brand-3': '#85e260',
  'brand-4': '#2c99b4',
  'brand-5': '#24b5d9',
}

RGB Array

[223, 235, 234], [234, 248, 247], [133, 226, 96], [44, 153, 180], [36, 181, 217]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #DFEBEA, #EAF8F7, #85E260, #2C99B4, #24B5D9 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: #dfebea; --color-2: #eaf8f7; --color-3: #85e260; --color-4: #2c99b4; --color-5: #24b5d9. 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 warm-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