← Back to Editor

#D7F7F6 · #98E3DF · #74C2BE · #EBE9CA · #363120

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

#D7F7F6

Jade · Lavender · Glacier Blue

HEX
#D7F7F6
RGB
rgb(215, 247, 246)
HSL
hsl(178, 67%, 91%)
HSB
hsb(178, 13%, 97%)
CMYK
cmyk(13%, 0%, 0%, 3%)
Oklch
oklch(95.3% 0.033 194.3)

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

#98E3DF

Jade · LightBlue · Lake Green

HEX
#98E3DF
RGB
rgb(152, 227, 223)
HSL
hsl(177, 57%, 74%)
HSB
hsb(177, 33%, 89%)
CMYK
cmyk(33%, 0%, 2%, 11%)
Oklch
oklch(86.6% 0.074 191.6)

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

#74C2BE

Jade · MediumAquaMarine · Lake Green

HEX
#74C2BE
RGB
rgb(116, 194, 190)
HSL
hsl(177, 39%, 61%)
HSB
hsb(177, 40%, 76%)
CMYK
cmyk(40%, 0%, 2%, 24%)
Oklch
oklch(76.3% 0.078 191.4)

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

#EBE9CA

Fresh Green · Bisque · Lemon Cream

HEX
#EBE9CA
RGB
rgb(235, 233, 202)
HSL
hsl(56, 45%, 86%)
HSB
hsb(56, 14%, 92%)
CMYK
cmyk(0%, 1%, 14%, 8%)
Oklch
oklch(92.8% 0.041 104.1)

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

#363120

Ochre · DarkSlateGray · Amber Gold

HEX
#363120
RGB
rgb(54, 49, 32)
HSL
hsl(46, 26%, 17%)
HSB
hsb(46, 41%, 21%)
CMYK
cmyk(0%, 9%, 41%, 79%)
Oklch
oklch(31.3% 0.029 93.7)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7F7F6
F7D9DA

Analogous

D9F7E7
D7F7F6
D9E9F7

Triadic

D7F7F6
F6D9F7
F7F6D9

Split-Comp.

D7F7F6
F7D9E9
F7E7D9

Tetradic

D7F7F6
E7D9F7
F7D9DA
E9F7D9

Contrast Matrix WCAG 2.1 Contrast

D7F7F6
98E3DF
74C2BE
EBE9CA
363120
—
1.3
Fail
1.8
Fail
1.1
Fail
11.5
AAA
1.3
Fail
—
1.4
Fail
1.2
Fail
8.9
AAA
1.8
Fail
1.4
Fail
—
1.7
Fail
6.3
AA
1.1
Fail
1.2
Fail
1.7
Fail
—
10.5
AAA
11.5
AAA
8.9
AAA
6.3
AA
10.5
AAA
—
White BG
1.1Fail
1.5Fail
2.1Fail
1.2Fail
13.0AAA
Black BG
18.5AAA
14.4AAA
10.2AAA
17.0AAA
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5F6
B8B9E0
9696BF
EAEAD2
343424

Deuteranopia

E3E1F6
B4AFE0
918BBF
EAEAD3
343525

Tritanopia

D9F6F6
9CE1E1
78C0C0
EBD7D9
362728

Achromatopsia

EDEDED
CCCCCC
AAAAAA
E6E6E6
313131

Shades & Tints Shades & Tints

#D7F7F6

Dark
Light

#98E3DF

Dark
Light

#74C2BE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7f7f6;
  --color-2: #98e3df;
  --color-3: #74c2be;
  --color-4: #ebe9ca;
  --color-5: #363120;
}

SCSS

$color-1: #d7f7f6;
$color-2: #98e3df;
$color-3: #74c2be;
$color-4: #ebe9ca;
$color-5: #363120;

TAILWIND

colors: {
  'brand-1': '#d7f7f6',
  'brand-2': '#98e3df',
  'brand-3': '#74c2be',
  'brand-4': '#ebe9ca',
  'brand-5': '#363120',
}

RGB Array

[215, 247, 246], [152, 227, 223], [116, 194, 190], [235, 233, 202], [54, 49, 32]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D7F7F6, #98E3DF, #74C2BE, #EBE9CA, #363120 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: #d7f7f6; --color-2: #98e3df; --color-3: #74c2be; --color-4: #ebe9ca; --color-5: #363120. 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