#F0EFC8 + #E1D0C8 + #CABAD1 + #A0A7D5 + #589AD8 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#F0EFC8

Fresh Green · Bisque · Lemon Cream

HEX

#F0EFC8

RGB

rgb(240, 239, 200)

HSL

hsl(59, 57%, 86%)

HSB

hsb(59, 17%, 94%)

CMYK

cmyk(0%, 0%, 17%, 6%)

Oklch

oklch(94.3% 0.051 106.1)

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

#E1D0C8

Apricot · LightGray · Peach Orange

HEX

#E1D0C8

RGB

rgb(225, 208, 200)

HSL

hsl(19, 29%, 83%)

HSB

hsb(19, 11%, 88%)

CMYK

cmyk(0%, 8%, 11%, 12%)

Oklch

oklch(86.9% 0.022 47.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#CABAD1

Lilac · Silver · Lilac Purple

HEX

#CABAD1

RGB

rgb(202, 186, 209)

HSL

hsl(282, 20%, 77%)

HSB

hsb(282, 11%, 82%)

CMYK

cmyk(3%, 11%, 0%, 18%)

Oklch

oklch(80.9% 0.036 315.7)

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

#A0A7D5

Azure · LightSteelBlue · Cobalt Blue

HEX

#A0A7D5

RGB

rgb(160, 167, 213)

HSL

hsl(232, 39%, 73%)

HSB

hsb(232, 25%, 84%)

CMYK

cmyk(25%, 22%, 0%, 16%)

Oklch

oklch(73.9% 0.067 277.9)

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

#589AD8

Lake Blue · CornflowerBlue · Navy Blue

HEX

#589AD8

RGB

rgb(88, 154, 216)

HSL

hsl(209, 62%, 60%)

HSB

hsb(209, 59%, 85%)

CMYK

cmyk(59%, 29%, 0%, 15%)

Oklch

oklch(66.9% 0.115 248.5)

Traditional「Lake Blue」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0EFC8

C7C8F0

Analogous

F0DBC7

F0EFC8

DCF0C7

Triadic

F0EFC8

C7F0EF

EFC7F0

Split-Comp.

F0EFC8

C7DCF0

DBC7F0

Tetradic

F0EFC8

C7F0DB

C7C8F0

F0C7DC

Contrast Matrix WCAG 2.1 Contrast

F0EFC8	E1D0C8	CABAD1	A0A7D5	589AD8
—	1.3 Fail	1.6 Fail	2.0 Fail	2.5 Fail
1.3 Fail	—	1.2 Fail	1.6 Fail	2.0 Fail
1.6 Fail	1.2 Fail	—	1.3 Fail	1.6 Fail
2.0 Fail	1.6 Fail	1.3 Fail	—	1.3 Fail
2.5 Fail	2.0 Fail	1.6 Fail	1.3 Fail	—

White BG

1.2Fail

1.5Fail

1.8Fail

2.3Fail

3.0Fail

Black BG

17.9AAA

14.1AAA

11.5AAA

9.0AAA

7.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0D1

DAD9CA

C3C3CB

A3A3CA

7575C9

Deuteranopia

F0F0D4

DBDCCA

C4C5CA

A3A2C7

716CC5

Tritanopia

F0D9DB

E0CBCC

C9C7C6

A0C1BF

5BBDBB

Achromatopsia

EBEBEB

D4D4D4

C1C1C1

AAAAAA

8D8D8D

Shades & Tints Shades & Tints

#F0EFC8

Dark

Light

#E1D0C8

Dark

Light

#CABAD1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0efc8;
  --color-2: #e1d0c8;
  --color-3: #cabad1;
  --color-4: #a0a7d5;
  --color-5: #589ad8;
}

SCSS

$color-1: #f0efc8;
$color-2: #e1d0c8;
$color-3: #cabad1;
$color-4: #a0a7d5;
$color-5: #589ad8;

TAILWIND

colors: {
  'brand-1': '#f0efc8',
  'brand-2': '#e1d0c8',
  'brand-3': '#cabad1',
  'brand-4': '#a0a7d5',
  'brand-5': '#589ad8',
}

RGB Array

[240, 239, 200], [225, 208, 200], [202, 186, 209], [160, 167, 213], [88, 154, 216]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F0EFC8, #E1D0C8, #CABAD1, #A0A7D5, #589AD8 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: #f0efc8; --color-2: #e1d0c8; --color-3: #cabad1; --color-4: #a0a7d5; --color-5: #589ad8. 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 pastel-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