← Back to Editor

#DED5AA · #C3D1AD · #B0C1A1 · #8BAE9A · #739789

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

WorkspaceReading

Color Details Color Details

#DED5AA

Fresh Green · Wheat · Lemon Cream

HEX
#DED5AA
RGB
rgb(222, 213, 170)
HSL
hsl(50, 44%, 77%)
HSB
hsb(50, 23%, 87%)
CMYK
cmyk(0%, 4%, 23%, 13%)
Oklch
oklch(86.9% 0.058 97.6)

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

#C3D1AD

Willow Green · Silver · Apple Green

HEX
#C3D1AD
RGB
rgb(195, 209, 173)
HSL
hsl(83, 28%, 75%)
HSB
hsb(83, 17%, 82%)
CMYK
cmyk(7%, 0%, 17%, 18%)
Oklch
oklch(84.0% 0.051 124.8)

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

#B0C1A1

Celadon · DarkGray · Apple Green

HEX
#B0C1A1
RGB
rgb(176, 193, 161)
HSL
hsl(92, 21%, 69%)
HSB
hsb(92, 17%, 76%)
CMYK
cmyk(9%, 0%, 17%, 24%)
Oklch
oklch(78.9% 0.048 130.3)

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

#8BAE9A

Celadon · DarkSeaGreen · Apple Green

HEX
#8BAE9A
RGB
rgb(139, 174, 154)
HSL
hsl(146, 18%, 61%)
HSB
hsb(146, 20%, 68%)
CMYK
cmyk(20%, 0%, 11%, 32%)
Oklch
oklch(71.9% 0.048 159.9)

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

#739789

Mineral Blue · LightSlateGray · Olive Green

HEX
#739789
RGB
rgb(115, 151, 137)
HSL
hsl(157, 15%, 52%)
HSB
hsb(157, 24%, 59%)
CMYK
cmyk(24%, 0%, 9%, 41%)
Oklch
oklch(64.5% 0.045 169.1)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DED5AA
ABB3DE

Analogous

DEBCAB
DED5AA
CDDEAB

Triadic

DED5AA
ABDED6
D6ABDE

Split-Comp.

DED5AA
ABCDDE
BCABDE

Tetradic

DED5AA
ABDEBC
ABB3DE
DEABCD

Contrast Matrix WCAG 2.1 Contrast

DED5AA
C3D1AD
B0C1A1
8BAE9A
739789
—
1.1
Fail
1.3
Fail
1.6
Fail
2.2
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
2.0
Fail
1.3
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
1.6
Fail
1.5
Fail
1.3
Fail
—
1.3
Fail
2.2
Fail
2.0
Fail
1.7
Fail
1.3
Fail
—
White BG
1.5Fail
1.6Fail
1.9Fail
2.4Fail
3.2AA Large
Black BG
14.2AAA
13.0AAA
11.0AAA
8.6AAA
6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADAB4
C9C9B6
B7B8A9
9A9A9F
83838C

Deuteranopia

DBDBB7
C8C7B8
B6B5AB
9896A0
817E8D

Tritanopia

DEBDBE
C4BDBE
B1AFB0
8DA3A4
758F90

Achromatopsia

D3D3D3
C9C9C9
B8B8B8
A1A1A1
8B8B8B

Shades & Tints Shades & Tints

#DED5AA

Dark
Light

#C3D1AD

Dark
Light

#B0C1A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ded5aa;
  --color-2: #c3d1ad;
  --color-3: #b0c1a1;
  --color-4: #8bae9a;
  --color-5: #739789;
}

SCSS

$color-1: #ded5aa;
$color-2: #c3d1ad;
$color-3: #b0c1a1;
$color-4: #8bae9a;
$color-5: #739789;

TAILWIND

colors: {
  'brand-1': '#ded5aa',
  'brand-2': '#c3d1ad',
  'brand-3': '#b0c1a1',
  'brand-4': '#8bae9a',
  'brand-5': '#739789',
}

RGB Array

[222, 213, 170], [195, 209, 173], [176, 193, 161], [139, 174, 154], [115, 151, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DED5AA, #C3D1AD, #B0C1A1, #8BAE9A, #739789 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: #ded5aa; --color-2: #c3d1ad; --color-3: #b0c1a1; --color-4: #8bae9a; --color-5: #739789. 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