← Back to Editor

#6F8284 · #A7E0CE · #B3D5C4 · #D5D4CB · #EFDDCD

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

WorkspaceReading

Color Details Color Details

#6F8284

Slate Blue · SlateGray · Warm Gray

HEX
#6F8284
RGB
rgb(111, 130, 132)
HSL
hsl(186, 9%, 48%)
HSB
hsb(186, 16%, 52%)
CMYK
cmyk(16%, 2%, 0%, 48%)
Oklch
oklch(59.2% 0.022 204.3)

Traditional「Slate Blue」· Paint「Warm Gray」· Creative Urban Concrete

#A7E0CE

Jade · LightBlue · Glacier Blue

HEX
#A7E0CE
RGB
rgb(167, 224, 206)
HSL
hsl(161, 48%, 77%)
HSB
hsb(161, 25%, 88%)
CMYK
cmyk(25%, 0%, 8%, 12%)
Oklch
oklch(86.3% 0.064 173.3)

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

#B3D5C4

Jade · Silver · Apple Green

HEX
#B3D5C4
RGB
rgb(179, 213, 196)
HSL
hsl(150, 29%, 77%)
HSB
hsb(150, 16%, 84%)
CMYK
cmyk(16%, 0%, 8%, 16%)
Oklch
oklch(84.3% 0.043 163.7)

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

#D5D4CB

Fresh Green · LightGray · Lemon Cream

HEX
#D5D4CB
RGB
rgb(213, 212, 203)
HSL
hsl(54, 11%, 82%)
HSB
hsb(54, 5%, 84%)
CMYK
cmyk(0%, 0%, 5%, 16%)
Oklch
oklch(86.8% 0.012 101.5)

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

#EFDDCD

Apricot · Bisque · Peach Orange

HEX
#EFDDCD
RGB
rgb(239, 221, 205)
HSL
hsl(28, 52%, 87%)
HSB
hsb(28, 14%, 94%)
CMYK
cmyk(0%, 8%, 14%, 6%)
Oklch
oklch(90.8% 0.029 64.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6F8284
85726F

Analogous

6F857D
6F8284
6F7885

Triadic

6F8284
856F83
83856F

Split-Comp.

6F8284
856F78
857D6F

Tetradic

6F8284
7D6F85
85726F
78856F

Contrast Matrix WCAG 2.1 Contrast

6F8284
A7E0CE
B3D5C4
D5D4CB
EFDDCD
—
2.7
Fail
2.5
Fail
2.7
Fail
3.1
AA Large
2.7
Fail
—
1.1
Fail
1.0
Fail
1.1
Fail
2.5
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
2.7
Fail
1.0
Fail
1.1
Fail
—
1.1
Fail
3.1
AA Large
1.1
Fail
1.2
Fail
1.1
Fail
—
White BG
4.0AA Large
1.5Fail
1.6Fail
1.5Fail
1.3Fail
Black BG
5.2AA
14.2AAA
13.2AAA
14.1AAA
15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

777784
C0C0D2
C2C2C8
D5D5CD
E7E7D1

Deuteranopia

767583
BCB8D3
C0BDC9
D5D5CE
E8EAD2

Tritanopia

708383
AAD6D7
B5CBCC
D5CFCF
EED4D5

Achromatopsia

7D7D7D
CDCDCD
C9C9C9
D3D3D3
E1E1E1

Shades & Tints Shades & Tints

#6F8284

Dark
Light

#A7E0CE

Dark
Light

#B3D5C4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6f8284;
  --color-2: #a7e0ce;
  --color-3: #b3d5c4;
  --color-4: #d5d4cb;
  --color-5: #efddcd;
}

SCSS

$color-1: #6f8284;
$color-2: #a7e0ce;
$color-3: #b3d5c4;
$color-4: #d5d4cb;
$color-5: #efddcd;

TAILWIND

colors: {
  'brand-1': '#6f8284',
  'brand-2': '#a7e0ce',
  'brand-3': '#b3d5c4',
  'brand-4': '#d5d4cb',
  'brand-5': '#efddcd',
}

RGB Array

[111, 130, 132], [167, 224, 206], [179, 213, 196], [213, 212, 203], [239, 221, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6F8284, #A7E0CE, #B3D5C4, #D5D4CB, #EFDDCD is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #6f8284; --color-2: #a7e0ce; --color-3: #b3d5c4; --color-4: #d5d4cb; --color-5: #efddcd. 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. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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