← Back to Editor

#DAE6DC · #B7C5D0 · #65808B · #666666 · #FDFFE6

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

#DAE6DC

Celadon · LightGray · Mint Green

HEX
#DAE6DC
RGB
rgb(218, 230, 220)
HSL
hsl(130, 19%, 88%)
HSB
hsb(130, 5%, 90%)
CMYK
cmyk(5%, 0%, 4%, 10%)
Oklch
oklch(91.3% 0.019 150.5)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#B7C5D0

Sky Blue · LightSteelBlue · Cobalt Blue

HEX
#B7C5D0
RGB
rgb(183, 197, 208)
HSL
hsl(206, 21%, 77%)
HSB
hsb(206, 12%, 82%)
CMYK
cmyk(12%, 5%, 0%, 18%)
Oklch
oklch(81.6% 0.022 241.4)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#65808B

Slate Blue · SlateGray · Mint Ice

HEX
#65808B
RGB
rgb(101, 128, 139)
HSL
hsl(197, 16%, 47%)
HSB
hsb(197, 27%, 55%)
CMYK
cmyk(27%, 8%, 0%, 45%)
Oklch
oklch(58.3% 0.035 224.7)

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

#666666

Ink Gray · DimGray · Charcoal

HEX
#666666
RGB
rgb(102, 102, 102)
HSL
hsl(0, 0%, 40%)
HSB
hsb(0, 0%, 40%)
CMYK
cmyk(0%, 0%, 0%, 60%)
Oklch
oklch(51.0% 0.000 89.9)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#FDFFE6

Fresh Green · LightYellow · Lemon Cream

HEX
#FDFFE6
RGB
rgb(253, 255, 230)
HSL
hsl(65, 100%, 95%)
HSB
hsb(65, 10%, 100%)
CMYK
cmyk(1%, 0%, 10%, 0%)
Oklch
oklch(99.2% 0.033 110.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAE6DC
E6DBE4

Analogous

DEE6DB
DAE6DC
DBE6E2

Triadic

DAE6DC
DDDBE6
E6DDDB

Split-Comp.

DAE6DC
E2DBE6
E6DBDE

Tetradic

DAE6DC
DBDEE6
E6DBE4
E6E2DB

Contrast Matrix WCAG 2.1 Contrast

DAE6DC
B7C5D0
65808B
666666
FDFFE6
—
1.4
Fail
3.3
AA Large
4.5
AA Large
1.3
Fail
1.4
Fail
—
2.4
Fail
3.3
AA Large
1.7
Fail
3.3
AA Large
2.4
Fail
—
1.4
Fail
4.1
AA Large
4.5
AA Large
3.3
AA Large
1.4
Fail
—
5.6
AA
1.3
Fail
1.7
Fail
4.1
AA Large
5.6
AA
—
White BG
1.3Fail
1.8Fail
4.2AA Large
5.7AA
1.0Fail
Black BG
16.3AAA
11.9AAA
5.0AA
3.7AA Large
20.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFDE
BDBDCD
717188
666666
FEFEEC

Deuteranopia

DFDEDF
BCBBCD
6F6D88
666666
FEFEEE

Tritanopia

DBE0E1
B8CBCB
668686
666666
FDF1F2

Achromatopsia

E1E1E1
C2C2C2
797979
666666
FCFCFC

Shades & Tints Shades & Tints

#DAE6DC

Dark
Light

#B7C5D0

Dark
Light

#65808B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dae6dc;
  --color-2: #b7c5d0;
  --color-3: #65808b;
  --color-4: #666666;
  --color-5: #fdffe6;
}

SCSS

$color-1: #dae6dc;
$color-2: #b7c5d0;
$color-3: #65808b;
$color-4: #666666;
$color-5: #fdffe6;

TAILWIND

colors: {
  'brand-1': '#dae6dc',
  'brand-2': '#b7c5d0',
  'brand-3': '#65808b',
  'brand-4': '#666666',
  'brand-5': '#fdffe6',
}

RGB Array

[218, 230, 220], [183, 197, 208], [101, 128, 139], [102, 102, 102], [253, 255, 230]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DAE6DC, #B7C5D0, #65808B, #666666, #FDFFE6 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: #dae6dc; --color-2: #b7c5d0; --color-3: #65808b; --color-4: #666666; --color-5: #fdffe6. 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