#CDD9A5 + #CFCC92 + #D7B492 + #D99191 + #70694A · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#CDD9A5

Willow Green · Silver · Apple Green

HEX

#CDD9A5

RGB

rgb(205, 217, 165)

HSL

hsl(74, 41%, 75%)

HSB

hsb(74, 24%, 85%)

CMYK

cmyk(6%, 0%, 24%, 15%)

Oklch

oklch(86.3% 0.070 118.4)

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

#CFCC92

Fresh Green · Tan · Sunflower

HEX

#CFCC92

RGB

rgb(207, 204, 146)

HSL

hsl(57, 39%, 69%)

HSB

hsb(57, 29%, 81%)

CMYK

cmyk(0%, 1%, 29%, 19%)

Oklch

oklch(83.4% 0.076 105.4)

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

#D7B492

Goose Yellow · Tan · Warm Sun

HEX

#D7B492

RGB

rgb(215, 180, 146)

HSL

hsl(30, 46%, 71%)

HSB

hsb(30, 32%, 84%)

CMYK

cmyk(0%, 16%, 32%, 16%)

Oklch

oklch(79.2% 0.061 65.9)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#D99191

Peach Pink · DarkSalmon · Coral Red

HEX

#D99191

RGB

rgb(217, 145, 145)

HSL

hsl(0, 49%, 71%)

HSB

hsb(0, 33%, 85%)

CMYK

cmyk(0%, 33%, 33%, 15%)

Oklch

oklch(72.9% 0.088 19.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#70694A

Ochre · DimGray · Honey Gold

HEX

#70694A

RGB

rgb(112, 105, 74)

HSL

hsl(49, 20%, 36%)

HSB

hsb(49, 34%, 44%)

CMYK

cmyk(0%, 6%, 34%, 56%)

Oklch

oklch(51.9% 0.046 96.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDD9A5

B1A5D9

Analogous

D9CBA5

CDD9A5

B3D9A5

Triadic

CDD9A5

A5CDD9

D9A5CD

Split-Comp.

CDD9A5

A5B3D9

CBA5D9

Tetradic

CDD9A5

A5D9CB

B1A5D9

D9A5B3

Contrast Matrix WCAG 2.1 Contrast

CDD9A5	CFCC92	D7B492	D99191	70694A
—	1.1 Fail	1.3 Fail	1.7 Fail	3.7 AA Large
1.1 Fail	—	1.2 Fail	1.5 Fail	3.3 AA Large
1.3 Fail	1.2 Fail	—	1.3 Fail	2.8 Fail
1.7 Fail	1.5 Fail	1.3 Fail	—	2.2 Fail
3.7 AA Large	3.3 AA Large	2.8 Fail	2.2 Fail	—

White BG

1.5Fail

1.7Fail

1.9Fail

2.5Fail

5.5AA

Black BG

14.1AAA

12.7AAA

10.8AAA

8.4AAA

3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D2B2

CECEA0

C8C89A

BAB991

6D6D52

Deuteranopia

D2D1B5

CECEA3

CACD9C

BEC391

6D6E53

Tritanopia

CEBCBE

CFABAE

D5A1A2

D59191

705759

Achromatopsia

CFCFCF

C6C6C6

BBBBBB

A7A7A7

686868

Shades & Tints Shades & Tints

#CDD9A5

Dark

Light

#CFCC92

Dark

Light

#D7B492

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdd9a5;
  --color-2: #cfcc92;
  --color-3: #d7b492;
  --color-4: #d99191;
  --color-5: #70694a;
}

SCSS

$color-1: #cdd9a5;
$color-2: #cfcc92;
$color-3: #d7b492;
$color-4: #d99191;
$color-5: #70694a;

TAILWIND

colors: {
  'brand-1': '#cdd9a5',
  'brand-2': '#cfcc92',
  'brand-3': '#d7b492',
  'brand-4': '#d99191',
  'brand-5': '#70694a',
}

RGB Array

[205, 217, 165], [207, 204, 146], [215, 180, 146], [217, 145, 145], [112, 105, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #CDD9A5, #CFCC92, #D7B492, #D99191, #70694A 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: #cdd9a5; --color-2: #cfcc92; --color-3: #d7b492; --color-4: #d99191; --color-5: #70694a. 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 space-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