← Back to Editor

#DADDBD · #CED28E · #638170 · #4A6866 · #252135

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#DADDBD

Fresh Green · LightGray · Lemon Cream

HEX
#DADDBD
RGB
rgb(218, 221, 189)
HSL
hsl(66, 32%, 80%)
HSB
hsb(66, 14%, 87%)
CMYK
cmyk(1%, 0%, 14%, 13%)
Oklch
oklch(88.7% 0.043 111.6)

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

#CED28E

Fresh Green · Tan · Sunflower

HEX
#CED28E
RGB
rgb(206, 210, 142)
HSL
hsl(64, 43%, 69%)
HSB
hsb(64, 32%, 82%)
CMYK
cmyk(2%, 0%, 32%, 18%)
Oklch
oklch(84.5% 0.089 111.0)

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

#638170

Celadon · DimGray · Olive Green

HEX
#638170
RGB
rgb(99, 129, 112)
HSL
hsl(146, 13%, 45%)
HSB
hsb(146, 23%, 51%)
CMYK
cmyk(23%, 0%, 13%, 49%)
Oklch
oklch(57.5% 0.043 159.8)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#4A6866

Mineral Blue · DimGray · Mint Ice

HEX
#4A6866
RGB
rgb(74, 104, 102)
HSL
hsl(176, 17%, 35%)
HSB
hsb(176, 29%, 41%)
CMYK
cmyk(29%, 0%, 2%, 59%)
Oklch
oklch(49.3% 0.035 190.9)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#252135

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#252135
RGB
rgb(37, 33, 53)
HSL
hsl(252, 23%, 17%)
HSB
hsb(252, 38%, 21%)
CMYK
cmyk(30%, 38%, 0%, 79%)
Oklch
oklch(26.2% 0.037 292.8)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DADDBD
BFBCDC

Analogous

DCCFBC
DADDBD
C9DCBC

Triadic

DADDBD
BCD9DC
DCBCD9

Split-Comp.

DADDBD
BCC9DC
CFBCDC

Tetradic

DADDBD
BCDCCF
BFBCDC
DCBCC9

Contrast Matrix WCAG 2.1 Contrast

DADDBD
CED28E
638170
4A6866
252135
—
1.1
Fail
3.1
AA Large
4.3
AA Large
11.2
AAA
1.1
Fail
—
2.7
Fail
3.8
AA Large
9.8
AAA
3.1
AA Large
2.7
Fail
—
1.4
Fail
3.6
AA Large
4.3
AA Large
3.8
AA Large
1.4
Fail
—
2.6
Fail
11.2
AAA
9.8
AAA
3.6
AA Large
2.6
Fail
—
White BG
1.4Fail
1.6Fail
4.3AA Large
6.1AA
15.6AAA
Black BG
15.1AAA
13.2AAA
4.9AA
3.5AA Large
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBC5
D0D09E
707074
575766
232330

Deuteranopia

DBDBC7
D0CFA2
6E6C75
555367
24242F

Tritanopia

DACBCC
CEABAE
657778
4C6767
252C2C

Achromatopsia

D8D8D8
C9C9C9
767676
5F5F5F
242424

Shades & Tints Shades & Tints

#DADDBD

Dark
Light

#CED28E

Dark
Light

#638170

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #daddbd;
  --color-2: #ced28e;
  --color-3: #638170;
  --color-4: #4a6866;
  --color-5: #252135;
}

SCSS

$color-1: #daddbd;
$color-2: #ced28e;
$color-3: #638170;
$color-4: #4a6866;
$color-5: #252135;

TAILWIND

colors: {
  'brand-1': '#daddbd',
  'brand-2': '#ced28e',
  'brand-3': '#638170',
  'brand-4': '#4a6866',
  'brand-5': '#252135',
}

RGB Array

[218, 221, 189], [206, 210, 142], [99, 129, 112], [74, 104, 102], [37, 33, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DADDBD, #CED28E, #638170, #4A6866, #252135 is ideal for: brand design, premium product pages, magazine layouts, 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: #daddbd; --color-2: #ced28e; --color-3: #638170; --color-4: #4a6866; --color-5: #252135. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 tech, SaaS, healthcare, eco 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