#E9F1D6 + #B1CDAC + #90B599 + #F7381C + #FD7559 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#E9F1D6

Willow Green · Beige · Mint Green

HEX

#E9F1D6

RGB

rgb(233, 241, 214)

HSL

hsl(78, 49%, 89%)

HSB

hsb(78, 11%, 95%)

CMYK

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

Oklch

oklch(94.5% 0.037 120.5)

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

#B1CDAC

Celadon · Silver · Apple Green

HEX

#B1CDAC

RGB

rgb(177, 205, 172)

HSL

hsl(111, 25%, 74%)

HSB

hsb(111, 16%, 80%)

CMYK

cmyk(14%, 0%, 16%, 20%)

Oklch

oklch(81.9% 0.055 140.9)

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

#90B599

Celadon · DarkSeaGreen · Apple Green

HEX

#90B599

RGB

rgb(144, 181, 153)

HSL

hsl(135, 20%, 64%)

HSB

hsb(135, 20%, 71%)

CMYK

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

Oklch

oklch(73.8% 0.057 152.3)

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

#F7381C

Vermilion · OrangeRed · Passion Red

HEX

#F7381C

RGB

rgb(247, 56, 28)

HSL

hsl(8, 93%, 54%)

HSB

hsb(8, 89%, 97%)

CMYK

cmyk(0%, 77%, 89%, 3%)

Oklch

oklch(63.7% 0.229 31.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#FD7559

Peach Pink · Coral · Coral Red

HEX

#FD7559

RGB

rgb(253, 117, 89)

HSL

hsl(10, 98%, 67%)

HSB

hsb(10, 65%, 99%)

CMYK

cmyk(0%, 54%, 65%, 1%)

Oklch

oklch(71.9% 0.172 33.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9F1D6

DDD5F1

Analogous

F1EBD5

E9F1D6

DBF1D5

Triadic

E9F1D6

D5E8F1

F1D5E8

Split-Comp.

E9F1D6

D5DBF1

EBD5F1

Tetradic

E9F1D6

D5F1EB

DDD5F1

F1D5DB

Contrast Matrix WCAG 2.1 Contrast

E9F1D6	B1CDAC	90B599	F7381C	FD7559
—	1.5 Fail	1.9 Fail	3.3 AA Large	2.3 Fail
1.5 Fail	—	1.3 Fail	2.2 Fail	1.6 Fail
1.9 Fail	1.3 Fail	—	1.7 Fail	1.2 Fail
3.3 AA Large	2.2 Fail	1.7 Fail	—	1.4 Fail
2.3 Fail	1.6 Fail	1.2 Fail	1.4 Fail	—

White BG

1.2Fail

1.7Fail

2.3Fail

3.8AA Large

2.7Fail

Black BG

18.0AAA

12.2AAA

9.3AAA

5.5AA

7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECEDDD

BDBDB4

A0A0A0

A4A323

C2C160

Deuteranopia

ECEBDE

BCB9B6

9E9BA1

AFBE24

CAD461

Tritanopia

E9E2E3

B2BABC

92A5A6

ED2829

F66566

Achromatopsia

ECECEC

C1C1C1

A7A7A7

6E6E6E

9A9A9A

Shades & Tints Shades & Tints

#E9F1D6

Dark

Light

#B1CDAC

Dark

Light

#90B599

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9f1d6;
  --color-2: #b1cdac;
  --color-3: #90b599;
  --color-4: #f7381c;
  --color-5: #fd7559;
}

SCSS

$color-1: #e9f1d6;
$color-2: #b1cdac;
$color-3: #90b599;
$color-4: #f7381c;
$color-5: #fd7559;

TAILWIND

colors: {
  'brand-1': '#e9f1d6',
  'brand-2': '#b1cdac',
  'brand-3': '#90b599',
  'brand-4': '#f7381c',
  'brand-5': '#fd7559',
}

RGB Array

[233, 241, 214], [177, 205, 172], [144, 181, 153], [247, 56, 28], [253, 117, 89]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E9F1D6, #B1CDAC, #90B599, #F7381C, #FD7559 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: #e9f1d6; --color-2: #b1cdac; --color-3: #90b599; --color-4: #f7381c; --color-5: #fd7559. 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