#907E99 + #E77388 + #EBB269 + #F3F2E7 + #A7CECC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#907E99

Dark Plum · LightSlateGray · Violet

HEX

#907E99

RGB

rgb(144, 126, 153)

HSL

hsl(280, 12%, 55%)

HSB

hsb(280, 18%, 60%)

CMYK

cmyk(6%, 18%, 0%, 40%)

Oklch

oklch(61.9% 0.045 314.5)

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

#E77388

Peach Pink · LightCoral · Coral Red

HEX

#E77388

RGB

rgb(231, 115, 136)

HSL

hsl(349, 71%, 68%)

HSB

hsb(349, 50%, 91%)

CMYK

cmyk(0%, 50%, 41%, 9%)

Oklch

oklch(69.5% 0.145 10.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#EBB269

Ginger · SandyBrown · Warm Sun

HEX

#EBB269

RGB

rgb(235, 178, 105)

HSL

hsl(34, 76%, 67%)

HSB

hsb(34, 55%, 92%)

CMYK

cmyk(0%, 24%, 55%, 8%)

Oklch

oklch(80.1% 0.112 71.9)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#F3F2E7

Fresh Green · Linen · Lemon Cream

HEX

#F3F2E7

RGB

rgb(243, 242, 231)

HSL

hsl(55, 33%, 93%)

HSB

hsb(55, 5%, 95%)

CMYK

cmyk(0%, 0%, 5%, 5%)

Oklch

oklch(95.9% 0.015 102.5)

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

#A7CECC

Jade · LightSteelBlue · Lake Green

HEX

#A7CECC

RGB

rgb(167, 206, 204)

HSL

hsl(177, 28%, 73%)

HSB

hsb(177, 19%, 81%)

CMYK

cmyk(19%, 0%, 1%, 19%)

Oklch

oklch(82.3% 0.041 192.5)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

907E99

889A7E

Analogous

837E9A

907E99

9A7E95

Triadic

907E99

9A917E

7E9A91

Split-Comp.

907E99

959A7E

7E9A83

Tetradic

907E99

9A837E

889A7E

7E959A

Contrast Matrix WCAG 2.1 Contrast

907E99	E77388	EBB269	F3F2E7	A7CECC
—	1.3 Fail	2.0 Fail	3.3 AA Large	2.2 Fail
1.3 Fail	—	1.5 Fail	2.6 Fail	1.7 Fail
2.0 Fail	1.5 Fail	—	1.7 Fail	1.1 Fail
3.3 AA Large	2.6 Fail	1.7 Fail	—	1.5 Fail
2.2 Fail	1.7 Fail	1.1 Fail	1.5 Fail	—

White BG

3.7AA Large

2.9Fail

1.9Fail

1.1Fail

1.7Fail

Black BG

5.6AA

7.2AAA

11.1AAA

18.7AAA

12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

888892

B5B483

D2D27B

F3F3EA

B8B8CC

Deuteranopia

898B91

BCC482

D6DA7F

F3F3EA

B6B3CD

Tritanopia

8F8D8C

E17F7E

E8898C

F3ECEC

A9CDCD

Achromatopsia

868686

989898

BBBBBB

F1F1F1

C2C2C2

Shades & Tints Shades & Tints

#907E99

Dark

Light

#E77388

Dark

Light

#EBB269

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #907e99;
  --color-2: #e77388;
  --color-3: #ebb269;
  --color-4: #f3f2e7;
  --color-5: #a7cecc;
}

SCSS

$color-1: #907e99;
$color-2: #e77388;
$color-3: #ebb269;
$color-4: #f3f2e7;
$color-5: #a7cecc;

TAILWIND

colors: {
  'brand-1': '#907e99',
  'brand-2': '#e77388',
  'brand-3': '#ebb269',
  'brand-4': '#f3f2e7',
  'brand-5': '#a7cecc',
}

RGB Array

[144, 126, 153], [231, 115, 136], [235, 178, 105], [243, 242, 231], [167, 206, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #907E99, #E77388, #EBB269, #F3F2E7, #A7CECC 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: #907e99; --color-2: #e77388; --color-3: #ebb269; --color-4: #f3f2e7; --color-5: #a7cecc. 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