← Back to Editor

#917C44 · #9DAE8B · #ACD6BB · #CCE0ED · #EDEDED

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#917C44

Ochre · Sienna · Honey Gold

HEX
#917C44
RGB
rgb(145, 124, 68)
HSL
hsl(44, 36%, 42%)
HSB
hsb(44, 53%, 57%)
CMYK
cmyk(0%, 14%, 53%, 43%)
Oklch
oklch(59.3% 0.079 89.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#9DAE8B

Willow Green · DarkSeaGreen · Apple Green

HEX
#9DAE8B
RGB
rgb(157, 174, 139)
HSL
hsl(89, 18%, 61%)
HSB
hsb(89, 20%, 68%)
CMYK
cmyk(10%, 0%, 20%, 32%)
Oklch
oklch(72.8% 0.053 128.8)

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

#ACD6BB

Celadon · Silver · Apple Green

HEX
#ACD6BB
RGB
rgb(172, 214, 187)
HSL
hsl(141, 34%, 76%)
HSB
hsb(141, 20%, 84%)
CMYK
cmyk(20%, 0%, 13%, 16%)
Oklch
oklch(83.9% 0.058 156.7)

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

#CCE0ED

Sky Blue · Lavender · Sky Blue

HEX
#CCE0ED
RGB
rgb(204, 224, 237)
HSL
hsl(204, 48%, 86%)
HSB
hsb(204, 14%, 93%)
CMYK
cmyk(14%, 5%, 0%, 7%)
Oklch
oklch(89.6% 0.028 236.2)

Traditional「Sky Blue」· Paint「Sky Blue」· Creative Twilight Haze

#EDEDED

Plain White · Linen · Cloud White

HEX
#EDEDED
RGB
rgb(237, 237, 237)
HSL
hsl(0, 0%, 93%)
HSB
hsb(0, 0%, 93%)
CMYK
cmyk(0%, 0%, 0%, 7%)
Oklch
oklch(94.6% 0.000 89.9)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

917C44
455992

Analogous

925745
917C44
809245

Triadic

917C44
45927D
7D4592

Split-Comp.

917C44
458092
574592

Tetradic

917C44
459257
455992
924580

Contrast Matrix WCAG 2.1 Contrast

917C44
9DAE8B
ACD6BB
CCE0ED
EDEDED
—
1.7
Fail
2.5
Fail
3.0
Fail
3.5
AA Large
1.7
Fail
—
1.5
Fail
1.7
Fail
2.0
Fail
2.5
Fail
1.5
Fail
—
1.2
Fail
1.4
Fail
3.0
Fail
1.7
Fail
1.2
Fail
—
1.2
Fail
3.5
AA Large
2.0
Fail
1.4
Fail
1.2
Fail
—
White BG
4.1AA Large
2.4Fail
1.6Fail
1.4Fail
1.2Fail
Black BG
5.2AA
8.9AAA
13.1AAA
15.5AAA
17.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

888852
A4A593
BEBFC2
D5D5EA
EDEDED

Deuteranopia

898B55
A3A296
BCB9C3
D4D2E9
EDEDED

Tritanopia

905C5F
9E9A9C
AEC7C8
CDE7E7
EDEDED

Achromatopsia

7C7C7C
A5A5A5
C6C6C6
DCDCDC
EDEDED

Shades & Tints Shades & Tints

#917C44

Dark
Light

#9DAE8B

Dark
Light

#ACD6BB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #917c44;
  --color-2: #9dae8b;
  --color-3: #acd6bb;
  --color-4: #cce0ed;
  --color-5: #ededed;
}

SCSS

$color-1: #917c44;
$color-2: #9dae8b;
$color-3: #acd6bb;
$color-4: #cce0ed;
$color-5: #ededed;

TAILWIND

colors: {
  'brand-1': '#917c44',
  'brand-2': '#9dae8b',
  'brand-3': '#acd6bb',
  'brand-4': '#cce0ed',
  'brand-5': '#ededed',
}

RGB Array

[145, 124, 68], [157, 174, 139], [172, 214, 187], [204, 224, 237], [237, 237, 237]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #917C44, #9DAE8B, #ACD6BB, #CCE0ED, #EDEDED is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #917c44; --color-2: #9dae8b; --color-3: #acd6bb; --color-4: #cce0ed; --color-5: #ededed. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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