#FFFEE8 + #EBEBEB + #CBC0CF + #9C8CA1 + #C7D4FF · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FFFEE8

Fresh Green · LightYellow · Lemon Cream

HEX

#FFFEE8

RGB

rgb(255, 254, 232)

HSL

hsl(57, 100%, 95%)

HSB

hsb(57, 9%, 100%)

CMYK

cmyk(0%, 0%, 9%, 0%)

Oklch

oklch(99.2% 0.029 104.8)

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

#EBEBEB

Plain White · Lavender · Cloud White

HEX

#EBEBEB

RGB

rgb(235, 235, 235)

HSL

hsl(0, 0%, 92%)

HSB

hsb(0, 0%, 92%)

CMYK

cmyk(0%, 0%, 0%, 8%)

Oklch

oklch(94.0% 0.000 89.9)

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

#CBC0CF

Lilac · Silver · Lilac Purple

HEX

#CBC0CF

RGB

rgb(203, 192, 207)

HSL

hsl(284, 14%, 78%)

HSB

hsb(284, 7%, 81%)

CMYK

cmyk(2%, 7%, 0%, 19%)

Oklch

oklch(82.1% 0.024 317.1)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#9C8CA1

Dark Plum · DarkGray · Violet

HEX

#9C8CA1

RGB

rgb(156, 140, 161)

HSL

hsl(286, 10%, 59%)

HSB

hsb(286, 13%, 63%)

CMYK

cmyk(3%, 13%, 0%, 37%)

Oklch

oklch(66.1% 0.036 318.1)

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

#C7D4FF

Azure · Lavender · Sky Blue

HEX

#C7D4FF

RGB

rgb(199, 212, 255)

HSL

hsl(226, 100%, 89%)

HSB

hsb(226, 22%, 100%)

CMYK

cmyk(22%, 17%, 0%, 0%)

Oklch

oklch(87.4% 0.061 271.9)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFEE8

E5E7FF

Analogous

FFF1E5

FFFEE8

F4FFE5

Triadic

FFFEE8

E5FFFE

FEE5FF

Split-Comp.

FFFEE8

E5F4FF

F1E5FF

Tetradic

FFFEE8

E5FFF1

E5E7FF

FFE5F4

Contrast Matrix WCAG 2.1 Contrast

FFFEE8	EBEBEB	CBC0CF	9C8CA1	C7D4FF
—	1.2 Fail	1.7 Fail	3.1 AA Large	1.4 Fail
1.2 Fail	—	1.5 Fail	2.6 Fail	1.2 Fail
1.7 Fail	1.5 Fail	—	1.8 Fail	1.2 Fail
3.1 AA Large	2.6 Fail	1.8 Fail	—	2.1 Fail
1.4 Fail	1.2 Fail	1.2 Fail	2.1 Fail	—

White BG

1.0Fail

1.2Fail

1.8Fail

3.1AA Large

1.5Fail

Black BG

20.6AAA

17.6AAA

12.0AAA

6.7AA

14.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FFFFED

EBEBEB

C6C6CB

95959C

CDCDF5

Deuteranopia

FFFFEF

EBEBEB

C7C8CA

96979B

CCCBF2

Tritanopia

FFF2F2

EBEBEB

CAC9C8

9B9897

C8ECEB

Achromatopsia

FCFCFC

EBEBEB

C5C5C5

939393

D5D5D5

Shades & Tints Shades & Tints

#FFFEE8

Dark

Light

#EBEBEB

Dark

Light

#CBC0CF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffee8;
  --color-2: #ebebeb;
  --color-3: #cbc0cf;
  --color-4: #9c8ca1;
  --color-5: #c7d4ff;
}

SCSS

$color-1: #fffee8;
$color-2: #ebebeb;
$color-3: #cbc0cf;
$color-4: #9c8ca1;
$color-5: #c7d4ff;

TAILWIND

colors: {
  'brand-1': '#fffee8',
  'brand-2': '#ebebeb',
  'brand-3': '#cbc0cf',
  'brand-4': '#9c8ca1',
  'brand-5': '#c7d4ff',
}

RGB Array

[255, 254, 232], [235, 235, 235], [203, 192, 207], [156, 140, 161], [199, 212, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #FFFEE8, #EBEBEB, #CBC0CF, #9C8CA1, #C7D4FF is ideal for: health products, baby brands, fresh-style blogs. 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: #fffee8; --color-2: #ebebeb; --color-3: #cbc0cf; --color-4: #9c8ca1; --color-5: #c7d4ff. 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 space-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