#ED6095 + #94CBA3 + #A94E71 + #FFE9A3 + #96BBA9 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#ED6095

Rouge · LightCoral · Rose Pink

HEX

#ED6095

RGB

rgb(237, 96, 149)

HSL

hsl(337, 80%, 65%)

HSB

hsb(337, 59%, 93%)

CMYK

cmyk(0%, 59%, 37%, 7%)

Oklch

oklch(68.2% 0.180 359.6)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#94CBA3

Celadon · DarkSeaGreen · Apple Green

HEX

#94CBA3

RGB

rgb(148, 203, 163)

HSL

hsl(136, 35%, 69%)

HSB

hsb(136, 27%, 80%)

CMYK

cmyk(27%, 0%, 20%, 20%)

Oklch

oklch(79.3% 0.080 152.8)

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

#A94E71

Dark Violet · Gray · Camellia

HEX

#A94E71

RGB

rgb(169, 78, 113)

HSL

hsl(337, 37%, 48%)

HSB

hsb(337, 54%, 66%)

CMYK

cmyk(0%, 54%, 33%, 34%)

Oklch

oklch(54.9% 0.125 357.8)

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

#FFE9A3

Goose Yellow · Wheat · Lemon Cream

HEX

#FFE9A3

RGB

rgb(255, 233, 163)

HSL

hsl(46, 100%, 82%)

HSB

hsb(46, 36%, 100%)

CMYK

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

Oklch

oklch(93.6% 0.091 92.7)

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

#96BBA9

Jade · DarkGray · Apple Green

HEX

#96BBA9

RGB

rgb(150, 187, 169)

HSL

hsl(151, 21%, 66%)

HSB

hsb(151, 20%, 73%)

CMYK

cmyk(20%, 0%, 10%, 27%)

Oklch

oklch(76.0% 0.047 164.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ED6095

5EEDB6

Analogous

ED5EDC

ED6095

ED6F5E

Triadic

ED6095

95ED5E

5E95ED

Split-Comp.

ED6095

5EED6F

5EDCED

Tetradic

ED6095

DCED5E

5EEDB6

6F5EED

Contrast Matrix WCAG 2.1 Contrast

ED6095	94CBA3	A94E71	FFE9A3	96BBA9
—	1.7 Fail	1.7 Fail	2.6 Fail	1.5 Fail
1.7 Fail	—	2.8 Fail	1.5 Fail	1.1 Fail
1.7 Fail	2.8 Fail	—	4.3 AA Large	2.5 Fail
2.6 Fail	1.5 Fail	4.3 AA Large	—	1.7 Fail
1.5 Fail	1.1 Fail	2.5 Fail	1.7 Fail	—

White BG

3.1AA Large

1.9Fail

5.2AA

1.2Fail

2.1Fail

Black BG

6.7AA

11.3AAA

4.0AA Large

17.4AAA

10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0AF88

ACACAD

828169

F5F5B4

A6A6AD

Deuteranopia

B8C385

A9A5AF

878E67

F7F8B8

A4A1AE

Tritanopia

E67E7C

97B4B6

A46260

FEC1C4

98B1B2

Achromatopsia

909090

B6B6B6

6D6D6D

E8E8E8

AEAEAE

Shades & Tints Shades & Tints

#ED6095

Dark

Light

#94CBA3

Dark

Light

#A94E71

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ed6095;
  --color-2: #94cba3;
  --color-3: #a94e71;
  --color-4: #ffe9a3;
  --color-5: #96bba9;
}

SCSS

$color-1: #ed6095;
$color-2: #94cba3;
$color-3: #a94e71;
$color-4: #ffe9a3;
$color-5: #96bba9;

TAILWIND

colors: {
  'brand-1': '#ed6095',
  'brand-2': '#94cba3',
  'brand-3': '#a94e71',
  'brand-4': '#ffe9a3',
  'brand-5': '#96bba9',
}

RGB Array

[237, 96, 149], [148, 203, 163], [169, 78, 113], [255, 233, 163], [150, 187, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ED6095, #94CBA3, #A94E71, #FFE9A3, #96BBA9 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: #ed6095; --color-2: #94cba3; --color-3: #a94e71; --color-4: #ffe9a3; --color-5: #96bba9. 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