← Back to Editor

#EEEEE7 · #FFFFFF · #CCDDDD · #AAC4C4 · #92AAAB

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

#EEEEE7

Fresh Green · Linen · Lemon Cream

HEX
#EEEEE7
RGB
rgb(238, 238, 231)
HSL
hsl(60, 17%, 92%)
HSB
hsb(60, 3%, 93%)
CMYK
cmyk(0%, 0%, 3%, 7%)
Oklch
oklch(94.7% 0.009 106.6)

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

#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

#CCDDDD

Sky Blue · LightGray · Glacier Blue

HEX
#CCDDDD
RGB
rgb(204, 221, 221)
HSL
hsl(180, 20%, 83%)
HSB
hsb(180, 8%, 87%)
CMYK
cmyk(8%, 0%, 0%, 13%)
Oklch
oklch(88.5% 0.018 196.8)

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

#AAC4C4

Sky Blue · Silver · Lake Green

HEX
#AAC4C4
RGB
rgb(170, 196, 196)
HSL
hsl(180, 18%, 72%)
HSB
hsb(180, 13%, 77%)
CMYK
cmyk(13%, 0%, 0%, 23%)
Oklch
oklch(80.1% 0.028 196.6)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#92AAAB

Sky Blue · DarkGray · Lake Green

HEX
#92AAAB
RGB
rgb(146, 170, 171)
HSL
hsl(182, 13%, 62%)
HSB
hsb(182, 15%, 67%)
CMYK
cmyk(15%, 1%, 0%, 33%)
Oklch
oklch(72.0% 0.027 199.7)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEEEE7
E7E7EE

Analogous

EEEBE7
EEEEE7
EBEEE7

Triadic

EEEEE7
E7EEEE
EEE7EE

Split-Comp.

EEEEE7
E7EBEE
EBE7EE

Tetradic

EEEEE7
E7EEEB
E7E7EE
EEE7EB

Contrast Matrix WCAG 2.1 Contrast

EEEEE7
FFFFFF
CCDDDD
AAC4C4
92AAAB
—
1.2
Fail
1.2
Fail
1.6
Fail
2.1
Fail
1.2
Fail
—
1.4
Fail
1.8
Fail
2.5
Fail
1.2
Fail
1.4
Fail
—
1.3
Fail
1.7
Fail
1.6
Fail
1.8
Fail
1.3
Fail
—
1.3
Fail
2.1
Fail
2.5
Fail
1.7
Fail
1.3
Fail
—
White BG
1.2Fail
1.0Fail
1.4Fail
1.8Fail
2.5Fail
Black BG
18.0AAA
21.0AAA
15.0AAA
11.4AAA
8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEE9
FFFFFF
D3D4DD
B5B5C4
9C9DAB

Deuteranopia

EEEEE9
FFFFFF
D2D1DD
B4B2C4
9B99AB

Tritanopia

EEEAEA
FFFFFF
CDDDDD
ABC4C4
93ABAB

Achromatopsia

EDEDED
FFFFFF
D8D8D8
BCBCBC
A3A3A3

Shades & Tints Shades & Tints

#EEEEE7

Dark
Light

#FFFFFF

Dark
Light

#CCDDDD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eeeee7;
  --color-2: #ffffff;
  --color-3: #ccdddd;
  --color-4: #aac4c4;
  --color-5: #92aaab;
}

SCSS

$color-1: #eeeee7;
$color-2: #ffffff;
$color-3: #ccdddd;
$color-4: #aac4c4;
$color-5: #92aaab;

TAILWIND

colors: {
  'brand-1': '#eeeee7',
  'brand-2': '#ffffff',
  'brand-3': '#ccdddd',
  'brand-4': '#aac4c4',
  'brand-5': '#92aaab',
}

RGB Array

[238, 238, 231], [255, 255, 255], [204, 221, 221], [170, 196, 196], [146, 170, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEEEE7, #FFFFFF, #CCDDDD, #AAC4C4, #92AAAB 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: #eeeee7; --color-2: #ffffff; --color-3: #ccdddd; --color-4: #aac4c4; --color-5: #92aaab. 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