← Back to Editor

#C0E2E0 · #E0E7DF · #FFFFFF · #EEE6BE · #EEEEEE

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C0E2E0

Jade · LightBlue · Glacier Blue

HEX
#C0E2E0
RGB
rgb(192, 226, 224)
HSL
hsl(176, 37%, 82%)
HSB
hsb(176, 15%, 89%)
CMYK
cmyk(15%, 0%, 1%, 11%)
Oklch
oklch(88.8% 0.036 192.2)

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

#E0E7DF

Celadon · Beige · Mint Green

HEX
#E0E7DF
RGB
rgb(224, 231, 223)
HSL
hsl(113, 14%, 89%)
HSB
hsb(113, 3%, 91%)
CMYK
cmyk(3%, 0%, 3%, 9%)
Oklch
oklch(92.0% 0.013 141.8)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#EEE6BE

Fresh Green · Wheat · Lemon Cream

HEX
#EEE6BE
RGB
rgb(238, 230, 190)
HSL
hsl(50, 59%, 84%)
HSB
hsb(50, 20%, 93%)
CMYK
cmyk(0%, 3%, 20%, 7%)
Oklch
oklch(92.1% 0.053 97.9)

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

#EEEEEE

Plain White · Linen · Cloud White

HEX
#EEEEEE
RGB
rgb(238, 238, 238)
HSL
hsl(0, 0%, 93%)
HSB
hsb(0, 0%, 93%)
CMYK
cmyk(0%, 0%, 0%, 7%)
Oklch
oklch(94.9% 0.000 89.9)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0E2E0
E2C0C2

Analogous

C0E2CF
C0E2E0
C0D3E2

Triadic

C0E2E0
E0C0E2
E2E0C0

Split-Comp.

C0E2E0
E2C0D3
E2CFC0

Tetradic

C0E2E0
CFC0E2
E2C0C2
D3E2C0

Contrast Matrix WCAG 2.1 Contrast

C0E2E0
E0E7DF
FFFFFF
EEE6BE
EEEEEE
—
1.1
Fail
1.4
Fail
1.1
Fail
1.2
Fail
1.1
Fail
—
1.3
Fail
1.0
Fail
1.1
Fail
1.4
Fail
1.3
Fail
—
1.3
Fail
1.2
Fail
1.1
Fail
1.0
Fail
1.3
Fail
—
1.1
Fail
1.2
Fail
1.1
Fail
1.2
Fail
1.1
Fail
—
White BG
1.4Fail
1.3Fail
1.0Fail
1.3Fail
1.2Fail
Black BG
15.2AAA
16.7AAA
21.0AAA
16.7AAA
18.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFE0
E3E3E1
FFFFFF
EBEAC8
EEEEEE

Deuteranopia

CDCAE1
E3E2E1
FFFFFF
EBECCA
EEEEEE

Tritanopia

C2E1E1
E0E2E3
FFFFFF
EECFD1
EEEEEE

Achromatopsia

D8D8D8
E4E4E4
FFFFFF
E4E4E4
EEEEEE

Shades & Tints Shades & Tints

#C0E2E0

Dark
Light

#E0E7DF

Dark
Light

#FFFFFF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0e2e0;
  --color-2: #e0e7df;
  --color-3: #ffffff;
  --color-4: #eee6be;
  --color-5: #eeeeee;
}

SCSS

$color-1: #c0e2e0;
$color-2: #e0e7df;
$color-3: #ffffff;
$color-4: #eee6be;
$color-5: #eeeeee;

TAILWIND

colors: {
  'brand-1': '#c0e2e0',
  'brand-2': '#e0e7df',
  'brand-3': '#ffffff',
  'brand-4': '#eee6be',
  'brand-5': '#eeeeee',
}

RGB Array

[192, 226, 224], [224, 231, 223], [255, 255, 255], [238, 230, 190], [238, 238, 238]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C0E2E0, #E0E7DF, #FFFFFF, #EEE6BE, #EEEEEE is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c0e2e0; --color-2: #e0e7df; --color-3: #ffffff; --color-4: #eee6be; --color-5: #eeeeee. 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. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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