← Back to Editor

#907C8A · #968F99 · #9BB89D · #B5D5B7 · #ECE4C7

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#907C8A

Rose Purple · Gray · Warm Gray

HEX
#907C8A
RGB
rgb(144, 124, 138)
HSL
hsl(318, 8%, 53%)
HSB
hsb(318, 14%, 56%)
CMYK
cmyk(0%, 14%, 4%, 44%)
Oklch
oklch(60.9% 0.032 336.8)

Traditional「Rose Purple」· Paint「Warm Gray」· Creative Urban Concrete

#968F99

Ash · LightSlateGray · Silver Sand

HEX
#968F99
RGB
rgb(150, 143, 153)
HSL
hsl(282, 5%, 58%)
HSB
hsb(282, 7%, 60%)
CMYK
cmyk(2%, 7%, 0%, 40%)
Oklch
oklch(65.9% 0.017 315.9)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#9BB89D

Celadon · DarkSeaGreen · Apple Green

HEX
#9BB89D
RGB
rgb(155, 184, 157)
HSL
hsl(124, 17%, 66%)
HSB
hsb(124, 16%, 72%)
CMYK
cmyk(16%, 0%, 15%, 28%)
Oklch
oklch(75.3% 0.050 146.9)

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

#B5D5B7

Celadon · Silver · Apple Green

HEX
#B5D5B7
RGB
rgb(181, 213, 183)
HSL
hsl(124, 28%, 77%)
HSB
hsb(124, 15%, 84%)
CMYK
cmyk(15%, 0%, 14%, 16%)
Oklch
oklch(84.1% 0.054 146.8)

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

#ECE4C7

Goose Yellow · Bisque · Lemon Cream

HEX
#ECE4C7
RGB
rgb(236, 228, 199)
HSL
hsl(47, 49%, 85%)
HSB
hsb(47, 16%, 93%)
CMYK
cmyk(0%, 3%, 16%, 7%)
Oklch
oklch(91.8% 0.039 94.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

907C8A
7E9183

Analogous

8D7E91
907C8A
917E81

Triadic

907C8A
8B917E
7E8B91

Split-Comp.

907C8A
81917E
7E918D

Tetradic

907C8A
918D7E
7E9183
7E8191

Contrast Matrix WCAG 2.1 Contrast

907C8A
968F99
9BB89D
B5D5B7
ECE4C7
—
1.2
Fail
1.8
Fail
2.4
Fail
3.0
AA Large
1.2
Fail
—
1.5
Fail
2.0
Fail
2.5
Fail
1.8
Fail
1.5
Fail
—
1.4
Fail
1.7
Fail
2.4
Fail
2.0
Fail
1.4
Fail
—
1.3
Fail
3.0
AA Large
2.5
Fail
1.7
Fail
1.3
Fail
—
White BG
3.9AA Large
3.1AA Large
2.2Fail
1.6Fail
1.3Fail
Black BG
5.4AA
6.7AA
9.7AAA
13.2AAA
16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

878787
939397
A8A8A4
C3C3BE
E9E8CE

Deuteranopia

898A86
939496
A6A4A5
C1BFC0
E9EAD0

Tritanopia

8F8483
969594
9CA9AA
B7C4C5
ECD4D5

Achromatopsia

848484
929292
ACACAC
C8C8C8
E3E3E3

Shades & Tints Shades & Tints

#907C8A

Dark
Light

#968F99

Dark
Light

#9BB89D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #907c8a;
  --color-2: #968f99;
  --color-3: #9bb89d;
  --color-4: #b5d5b7;
  --color-5: #ece4c7;
}

SCSS

$color-1: #907c8a;
$color-2: #968f99;
$color-3: #9bb89d;
$color-4: #b5d5b7;
$color-5: #ece4c7;

TAILWIND

colors: {
  'brand-1': '#907c8a',
  'brand-2': '#968f99',
  'brand-3': '#9bb89d',
  'brand-4': '#b5d5b7',
  'brand-5': '#ece4c7',
}

RGB Array

[144, 124, 138], [150, 143, 153], [155, 184, 157], [181, 213, 183], [236, 228, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #907C8A, #968F99, #9BB89D, #B5D5B7, #ECE4C7 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #907c8a; --color-2: #968f99; --color-3: #9bb89d; --color-4: #b5d5b7; --color-5: #ece4c7. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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