← Back to Editor

#93DDD0 · #746C73 · #CABDB7 · #D8D9D4 · #E1E6CF

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

#93DDD0

Jade · SkyBlue · Lake Green

HEX
#93DDD0
RGB
rgb(147, 221, 208)
HSL
hsl(169, 52%, 72%)
HSB
hsb(169, 33%, 87%)
CMYK
cmyk(33%, 0%, 6%, 13%)
Oklch
oklch(84.5% 0.076 182.2)

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

#746C73

Ink Gray · DimGray · Warm Gray

HEX
#746C73
RGB
rgb(116, 108, 115)
HSL
hsl(308, 4%, 44%)
HSB
hsb(308, 7%, 45%)
CMYK
cmyk(0%, 7%, 1%, 55%)
Oklch
oklch(54.1% 0.015 329.7)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#CABDB7

Apricot · Silver · Warm Sun

HEX
#CABDB7
RGB
rgb(202, 189, 183)
HSL
hsl(19, 15%, 75%)
HSB
hsb(19, 9%, 79%)
CMYK
cmyk(0%, 6%, 9%, 21%)
Oklch
oklch(80.7% 0.017 46.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D8D9D4

Silver Gray · LightGray · Pearl Gray

HEX
#D8D9D4
RGB
rgb(216, 217, 212)
HSL
hsl(72, 6%, 84%)
HSB
hsb(72, 2%, 85%)
CMYK
cmyk(0%, 0%, 2%, 15%)
Oklch
oklch(88.3% 0.007 115.7)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#E1E6CF

Willow Green · LightGray · Mint Green

HEX
#E1E6CF
RGB
rgb(225, 230, 207)
HSL
hsl(73, 32%, 86%)
HSB
hsb(73, 10%, 90%)
CMYK
cmyk(2%, 0%, 10%, 10%)
Oklch
oklch(91.5% 0.031 117.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

93DDD0
DD92A0

Analogous

92DDAA
93DDD0
92C5DD

Triadic

93DDD0
CF92DD
DDCF92

Split-Comp.

93DDD0
DD92C5
DDAA92

Tetradic

93DDD0
AA92DD
DD92A0
C5DD92

Contrast Matrix WCAG 2.1 Contrast

93DDD0
746C73
CABDB7
D8D9D4
E1E6CF
—
3.3
AA Large
1.2
Fail
1.1
Fail
1.2
Fail
3.3
AA Large
—
2.8
Fail
3.6
AA Large
4.0
AA Large
1.2
Fail
2.8
Fail
—
1.3
Fail
1.4
Fail
1.1
Fail
3.6
AA Large
1.3
Fail
—
1.1
Fail
1.2
Fail
4.0
AA Large
1.4
Fail
1.1
Fail
—
White BG
1.6Fail
5.1AA
1.8Fail
1.4Fail
1.3Fail
Black BG
13.5AAA
4.1AA Large
11.5AAA
14.8AAA
16.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B4D3
717071
C4C4B8
D8D8D5
E3E3D5

Deuteranopia

AFA9D4
717271
C5C6B9
D8D8D5
E3E3D6

Tritanopia

97D6D6
747070
C9BABA
D8D6D6
E1D9DA

Achromatopsia

C5C5C5
6F6F6F
C0C0C0
D8D8D8
E2E2E2

Shades & Tints Shades & Tints

#93DDD0

Dark
Light

#746C73

Dark
Light

#CABDB7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #93ddd0;
  --color-2: #746c73;
  --color-3: #cabdb7;
  --color-4: #d8d9d4;
  --color-5: #e1e6cf;
}

SCSS

$color-1: #93ddd0;
$color-2: #746c73;
$color-3: #cabdb7;
$color-4: #d8d9d4;
$color-5: #e1e6cf;

TAILWIND

colors: {
  'brand-1': '#93ddd0',
  'brand-2': '#746c73',
  'brand-3': '#cabdb7',
  'brand-4': '#d8d9d4',
  'brand-5': '#e1e6cf',
}

RGB Array

[147, 221, 208], [116, 108, 115], [202, 189, 183], [216, 217, 212], [225, 230, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #93DDD0, #746C73, #CABDB7, #D8D9D4, #E1E6CF is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #93ddd0; --color-2: #746c73; --color-3: #cabdb7; --color-4: #d8d9d4; --color-5: #e1e6cf. 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 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