#DADAC0 + #D9CAA9 + #E2895F + #77646A + #62587A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DADAC0

Fresh Green · LightGray · Lemon Cream

HEX

#DADAC0

RGB

rgb(218, 218, 192)

HSL

hsl(60, 26%, 80%)

HSB

hsb(60, 12%, 85%)

CMYK

cmyk(0%, 0%, 12%, 15%)

Oklch

oklch(88.1% 0.035 107.1)

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

#D9CAA9

Goose Yellow · Silver · Lemon Cream

HEX

#D9CAA9

RGB

rgb(217, 202, 169)

HSL

hsl(41, 39%, 76%)

HSB

hsb(41, 22%, 85%)

CMYK

cmyk(0%, 7%, 22%, 15%)

Oklch

oklch(84.3% 0.047 86.5)

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

#E2895F

Apricot · DarkSalmon · Warm Sun

HEX

#E2895F

RGB

rgb(226, 137, 95)

HSL

hsl(19, 69%, 63%)

HSB

hsb(19, 58%, 89%)

CMYK

cmyk(0%, 39%, 58%, 11%)

Oklch

oklch(71.5% 0.123 45.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#77646A

Dark Violet · DimGray · Warm Gray

HEX

#77646A

RGB

rgb(119, 100, 106)

HSL

hsl(341, 9%, 43%)

HSB

hsb(341, 16%, 47%)

CMYK

cmyk(0%, 16%, 11%, 53%)

Oklch

oklch(52.4% 0.026 357.1)

Traditional「Dark Violet」· Paint「Warm Gray」· Creative Urban Concrete

#62587A

Deep Indigo · DimGray · Navy Blue

HEX

#62587A

RGB

rgb(98, 88, 122)

HSL

hsl(258, 16%, 41%)

HSB

hsb(258, 28%, 48%)

CMYK

cmyk(20%, 28%, 0%, 52%)

Oklch

oklch(48.3% 0.055 297.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DADAC0

BFBFD9

Analogous

D9CCBF

DADAC0

CCD9BF

Triadic

DADAC0

BFD9D9

D9BFD9

Split-Comp.

DADAC0

BFCCD9

CCBFD9

Tetradic

DADAC0

BFD9CC

BFBFD9

D9BFCC

Contrast Matrix WCAG 2.1 Contrast

DADAC0	D9CAA9	E2895F	77646A	62587A
—	1.1 Fail	1.9 Fail	3.9 AA Large	4.6 AA
1.1 Fail	—	1.6 Fail	3.4 AA Large	4.1 AA Large
1.9 Fail	1.6 Fail	—	2.1 Fail	2.5 Fail
3.9 AA Large	3.4 AA Large	2.1 Fail	—	1.2 Fail
4.6 AA	4.1 AA Large	2.5 Fail	1.2 Fail	—

White BG

1.4Fail

1.6Fail

2.6Fail

5.5AA

6.6AA

Black BG

14.8AAA

13.0AAA

8.0AAA

3.8AA Large

3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADAC6

D3D2B1

BBBB69

6F6F69

5E5E72

Deuteranopia

DADAC8

D3D4B3

C1C76C

707168

5E5F70

Tritanopia

DACBCC

D8B7B9

DE7173

766767

626B6A

Achromatopsia

D7D7D7

CBCBCB

9F9F9F

6A6A6A

5F5F5F

Shades & Tints Shades & Tints

#DADAC0

Dark

Light

#D9CAA9

Dark

Light

#E2895F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dadac0;
  --color-2: #d9caa9;
  --color-3: #e2895f;
  --color-4: #77646a;
  --color-5: #62587a;
}

SCSS

$color-1: #dadac0;
$color-2: #d9caa9;
$color-3: #e2895f;
$color-4: #77646a;
$color-5: #62587a;

TAILWIND

colors: {
  'brand-1': '#dadac0',
  'brand-2': '#d9caa9',
  'brand-3': '#e2895f',
  'brand-4': '#77646a',
  'brand-5': '#62587a',
}

RGB Array

[218, 218, 192], [217, 202, 169], [226, 137, 95], [119, 100, 106], [98, 88, 122]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DADAC0, #D9CAA9, #E2895F, #77646A, #62587A is ideal for: corporate websites, product showcases, portfolios. 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: #dadac0; --color-2: #d9caa9; --color-3: #e2895f; --color-4: #77646a; --color-5: #62587a. 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. 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