← Back to Editor

#584020 · #88C7D1 · #CAE7E5 · #FFFDF0 · #DACBB6

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

#584020

Ochre · DarkOliveGreen · Cinnamon

HEX
#584020
RGB
rgb(88, 64, 32)
HSL
hsl(34, 47%, 24%)
HSB
hsb(34, 64%, 35%)
CMYK
cmyk(0%, 27%, 64%, 65%)
Oklch
oklch(39.0% 0.058 72.7)

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

#88C7D1

Sky Blue · SkyBlue · Lake Green

HEX
#88C7D1
RGB
rgb(136, 199, 209)
HSL
hsl(188, 44%, 68%)
HSB
hsb(188, 35%, 82%)
CMYK
cmyk(35%, 5%, 0%, 18%)
Oklch
oklch(79.1% 0.066 208.4)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#CAE7E5

Jade · LightGray · Glacier Blue

HEX
#CAE7E5
RGB
rgb(202, 231, 229)
HSL
hsl(176, 38%, 85%)
HSB
hsb(176, 13%, 91%)
CMYK
cmyk(13%, 0%, 1%, 9%)
Oklch
oklch(90.6% 0.031 191.6)

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

#FFFDF0

Fresh Green · SeaShell · Lemon Cream

HEX
#FFFDF0
RGB
rgb(255, 253, 240)
HSL
hsl(52, 100%, 97%)
HSB
hsb(52, 6%, 100%)
CMYK
cmyk(0%, 1%, 6%, 0%)
Oklch
oklch(99.2% 0.017 99.6)

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

#DACBB6

Goose Yellow · Silver · Peach Orange

HEX
#DACBB6
RGB
rgb(218, 203, 182)
HSL
hsl(35, 33%, 78%)
HSB
hsb(35, 17%, 85%)
CMYK
cmyk(0%, 7%, 17%, 15%)
Oklch
oklch(84.9% 0.033 76.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

584020
20395A

Analogous

5A2420
584020
565A20

Triadic

584020
205A41
41205A

Split-Comp.

584020
20565A
24205A

Tetradic

584020
205A24
20395A
5A2056

Contrast Matrix WCAG 2.1 Contrast

584020
88C7D1
CAE7E5
FFFDF0
DACBB6
—
5.1
AA
7.4
AAA
9.5
AAA
6.1
AA
5.1
AA
—
1.4
Fail
1.8
Fail
1.2
Fail
7.4
AAA
1.4
Fail
—
1.3
Fail
1.2
Fail
9.5
AAA
1.8
Fail
1.3
Fail
—
1.6
Fail
6.1
AA
1.2
Fail
1.2
Fail
1.6
Fail
—
White BG
9.7AAA
1.9Fail
1.3Fail
1.0Fail
1.6Fail
Black BG
2.2Fail
11.1AAA
16.1AAA
20.6AAA
13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4D28
A3A4CF
D7D7E5
FEFEF3
D4D3BB

Deuteranopia

4F512A
A09BCE
D5D3E6
FEFEF4
D4D6BC

Tritanopia

572E2F
8BCDCC
CBE6E6
FFF6F6
D9BFC0

Achromatopsia

444444
B5B5B5
DEDEDE
FCFCFC
CDCDCD

Shades & Tints Shades & Tints

#584020

Dark
Light

#88C7D1

Dark
Light

#CAE7E5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #584020;
  --color-2: #88c7d1;
  --color-3: #cae7e5;
  --color-4: #fffdf0;
  --color-5: #dacbb6;
}

SCSS

$color-1: #584020;
$color-2: #88c7d1;
$color-3: #cae7e5;
$color-4: #fffdf0;
$color-5: #dacbb6;

TAILWIND

colors: {
  'brand-1': '#584020',
  'brand-2': '#88c7d1',
  'brand-3': '#cae7e5',
  'brand-4': '#fffdf0',
  'brand-5': '#dacbb6',
}

RGB Array

[88, 64, 32], [136, 199, 209], [202, 231, 229], [255, 253, 240], [218, 203, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #584020, #88C7D1, #CAE7E5, #FFFDF0, #DACBB6 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: #584020; --color-2: #88c7d1; --color-3: #cae7e5; --color-4: #fffdf0; --color-5: #dacbb6. 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