#FFE464 + #EEE5D1 + #E7CEEE + #B9ADF5 + #9293B0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FFE464

Fresh Green · Khaki · Sunflower

HEX

#FFE464

RGB

rgb(255, 228, 100)

HSL

hsl(50, 100%, 70%)

HSB

hsb(50, 61%, 100%)

CMYK

cmyk(0%, 11%, 61%, 0%)

Oklch

oklch(91.7% 0.149 97.4)

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

#EEE5D1

Goose Yellow · Beige · Lemon Cream

HEX

#EEE5D1

RGB

rgb(238, 229, 209)

HSL

hsl(41, 46%, 88%)

HSB

hsb(41, 12%, 93%)

CMYK

cmyk(0%, 4%, 12%, 7%)

Oklch

oklch(92.4% 0.028 86.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E7CEEE

Lilac · Lavender · Lavender

HEX

#E7CEEE

RGB

rgb(231, 206, 238)

HSL

hsl(287, 48%, 87%)

HSB

hsb(287, 13%, 93%)

CMYK

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

Oklch

oklch(88.2% 0.051 318.8)

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

#B9ADF5

Wisteria · LightSteelBlue · Sky Blue

HEX

#B9ADF5

RGB

rgb(185, 173, 245)

HSL

hsl(250, 78%, 82%)

HSB

hsb(250, 29%, 96%)

CMYK

cmyk(24%, 29%, 0%, 4%)

Oklch

oklch(78.4% 0.102 291.5)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#9293B0

Azure · DarkGray · Cobalt Blue

HEX

#9293B0

RGB

rgb(146, 147, 176)

HSL

hsl(238, 16%, 63%)

HSB

hsb(238, 17%, 69%)

CMYK

cmyk(17%, 16%, 0%, 31%)

Oklch

oklch(67.2% 0.043 283.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFE464

667FFF

Analogous

FF9966

FFE464

CCFF66

Triadic

FFE464

66FFE6

E566FF

Split-Comp.

FFE464

66CCFF

9966FF

Tetradic

FFE464

66FF99

667FFF

FF66CC

Contrast Matrix WCAG 2.1 Contrast

FFE464	EEE5D1	E7CEEE	B9ADF5	9293B0
—	1.0 Fail	1.1 Fail	1.6 Fail	2.4 Fail
1.0 Fail	—	1.2 Fail	1.6 Fail	2.4 Fail
1.1 Fail	1.2 Fail	—	1.4 Fail	2.1 Fail
1.6 Fail	1.6 Fail	1.4 Fail	—	1.5 Fail
2.4 Fail	2.4 Fail	2.1 Fail	1.5 Fail	—

White BG

1.3Fail

1.5Fail

2.0Fail

3.0Fail

Black BG

16.5AAA

16.8AAA

14.5AAA

10.4AAA

7.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F383

EAEAD6

DCDCE6

B4B4E4

9292A9

Deuteranopia

F5F78A

EBEBD7

DEE0E4

B5B5DF

9292A7

Tritanopia

FE9BA1

EEDADB

E6E0DF

B8D6D3

92A3A2

Achromatopsia

DDDDDD

E5E5E5

D9D9D9

B9B9B9

969696

Shades & Tints Shades & Tints

#FFE464

Dark

Light

#EEE5D1

Dark

Light

#E7CEEE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffe464;
  --color-2: #eee5d1;
  --color-3: #e7ceee;
  --color-4: #b9adf5;
  --color-5: #9293b0;
}

SCSS

$color-1: #ffe464;
$color-2: #eee5d1;
$color-3: #e7ceee;
$color-4: #b9adf5;
$color-5: #9293b0;

TAILWIND

colors: {
  'brand-1': '#ffe464',
  'brand-2': '#eee5d1',
  'brand-3': '#e7ceee',
  'brand-4': '#b9adf5',
  'brand-5': '#9293b0',
}

RGB Array

[255, 228, 100], [238, 229, 209], [231, 206, 238], [185, 173, 245], [146, 147, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFE464, #EEE5D1, #E7CEEE, #B9ADF5, #9293B0 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: #ffe464; --color-2: #eee5d1; --color-3: #e7ceee; --color-4: #b9adf5; --color-5: #9293b0. 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 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