← Back to Editor

#D0CA7C · #AAD2DC · #FFFFFF · #583E27 · #7BCDB6

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

#D0CA7C

Fresh Green · BurlyWood · Sunflower

HEX
#D0CA7C
RGB
rgb(208, 202, 124)
HSL
hsl(56, 47%, 65%)
HSB
hsb(56, 40%, 82%)
CMYK
cmyk(0%, 3%, 40%, 18%)
Oklch
oklch(82.6% 0.100 104.5)

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

#AAD2DC

Sky Blue · LightBlue · Glacier Blue

HEX
#AAD2DC
RGB
rgb(170, 210, 220)
HSL
hsl(192, 42%, 76%)
HSB
hsb(192, 23%, 86%)
CMYK
cmyk(23%, 5%, 0%, 14%)
Oklch
oklch(83.8% 0.044 214.6)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

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

#583E27

Tangerine · DarkOliveGreen · Cinnamon

HEX
#583E27
RGB
rgb(88, 62, 39)
HSL
hsl(28, 39%, 25%)
HSB
hsb(28, 56%, 35%)
CMYK
cmyk(0%, 30%, 56%, 65%)
Oklch
oklch(38.7% 0.051 61.9)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#7BCDB6

Jade · MediumAquaMarine · Lake Green

HEX
#7BCDB6
RGB
rgb(123, 205, 182)
HSL
hsl(163, 45%, 64%)
HSB
hsb(163, 40%, 80%)
CMYK
cmyk(40%, 0%, 11%, 20%)
Oklch
oklch(78.9% 0.088 174.0)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0CA7C
7C81D0

Analogous

D0A07C
D0CA7C
ABD07C

Triadic

D0CA7C
7CD0CA
CA7CD0

Split-Comp.

D0CA7C
7CABD0
A07CD0

Tetradic

D0CA7C
7CD0A0
7C81D0
D07CAB

Contrast Matrix WCAG 2.1 Contrast

D0CA7C
AAD2DC
FFFFFF
583E27
7BCDB6
—
1.0
Fail
1.7
Fail
5.8
AA
1.1
Fail
1.0
Fail
—
1.6
Fail
6.1
AA
1.2
Fail
1.7
Fail
1.6
Fail
—
9.8
AAA
1.9
Fail
5.8
AA
6.1
AA
9.8
AAA
—
5.3
AA
1.1
Fail
1.2
Fail
1.9
Fail
5.3
AA
—
White BG
1.7Fail
1.6Fail
1.0Fail
9.8AAA
1.9Fail
Black BG
12.4AAA
13.0AAA
21.0AAA
2.1Fail
11.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCD8F
BBBCDA
FFFFFF
4D4D2D
9F9FBC

Deuteranopia

CECE93
B9B6D9
FFFFFF
4E502E
9A94BD

Tritanopia

D09EA1
ACD8D7
FFFFFF
573132
7FC0C1

Achromatopsia

C3C3C3
C7C7C7
FFFFFF
434343
B2B2B2

Shades & Tints Shades & Tints

#D0CA7C

Dark
Light

#AAD2DC

Dark
Light

#FFFFFF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0ca7c;
  --color-2: #aad2dc;
  --color-3: #ffffff;
  --color-4: #583e27;
  --color-5: #7bcdb6;
}

SCSS

$color-1: #d0ca7c;
$color-2: #aad2dc;
$color-3: #ffffff;
$color-4: #583e27;
$color-5: #7bcdb6;

TAILWIND

colors: {
  'brand-1': '#d0ca7c',
  'brand-2': '#aad2dc',
  'brand-3': '#ffffff',
  'brand-4': '#583e27',
  'brand-5': '#7bcdb6',
}

RGB Array

[208, 202, 124], [170, 210, 220], [255, 255, 255], [88, 62, 39], [123, 205, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0CA7C, #AAD2DC, #FFFFFF, #583E27, #7BCDB6 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #d0ca7c; --color-2: #aad2dc; --color-3: #ffffff; --color-4: #583e27; --color-5: #7bcdb6. 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 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