← Back to Editor

#D7E2D2 · #F9F9ED · #FEDEC5 · #F6AE96 · #7D6D5E

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#D7E2D2

Celadon · LightGray · Mint Green

HEX
#D7E2D2
RGB
rgb(215, 226, 210)
HSL
hsl(101, 22%, 85%)
HSB
hsb(101, 7%, 89%)
CMYK
cmyk(5%, 0%, 7%, 11%)
Oklch
oklch(90.0% 0.025 135.7)

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

#F9F9ED

Fresh Green · SeaShell · Lemon Cream

HEX
#F9F9ED
RGB
rgb(249, 249, 237)
HSL
hsl(60, 50%, 95%)
HSB
hsb(60, 5%, 98%)
CMYK
cmyk(0%, 0%, 5%, 2%)
Oklch
oklch(97.9% 0.016 106.7)

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

#FEDEC5

Apricot · Bisque · Peach Orange

HEX
#FEDEC5
RGB
rgb(254, 222, 197)
HSL
hsl(26, 97%, 88%)
HSB
hsb(26, 22%, 100%)
CMYK
cmyk(0%, 13%, 22%, 0%)
Oklch
oklch(92.1% 0.049 60.1)

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

#F6AE96

Apricot · BurlyWood · Peach Orange

HEX
#F6AE96
RGB
rgb(246, 174, 150)
HSL
hsl(15, 84%, 78%)
HSB
hsb(15, 39%, 96%)
CMYK
cmyk(0%, 29%, 39%, 4%)
Oklch
oklch(81.3% 0.091 39.2)

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

#7D6D5E

Tangerine · DimGray · Amber Brown

HEX
#7D6D5E
RGB
rgb(125, 109, 94)
HSL
hsl(29, 14%, 43%)
HSB
hsb(29, 25%, 49%)
CMYK
cmyk(0%, 13%, 25%, 51%)
Oklch
oklch(54.5% 0.030 65.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7E2D2
DCD0E1

Analogous

DEE1D0
D7E2D2
D0E1D3

Triadic

D7E2D2
D0D6E1
E1D0D6

Split-Comp.

D7E2D2
D3D0E1
E1D0DE

Tetradic

D7E2D2
D0DEE1
DCD0E1
E1D3D0

Contrast Matrix WCAG 2.1 Contrast

D7E2D2
F9F9ED
FEDEC5
F6AE96
7D6D5E
—
1.3
Fail
1.0
Fail
1.4
Fail
3.7
AA Large
1.3
Fail
—
1.2
Fail
1.7
Fail
4.7
AA
1.0
Fail
1.2
Fail
—
1.4
Fail
3.9
AA Large
1.4
Fail
1.7
Fail
1.4
Fail
—
2.7
Fail
3.7
AA Large
4.7
AA
3.9
AA Large
2.7
Fail
—
White BG
1.3Fail
1.1Fail
1.3Fail
1.8Fail
5.0AA
Black BG
15.7AAA
19.8AAA
16.5AAA
11.4AAA
4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDCD6
F9F9F0
F0F0CB
D7D69C
767662

Deuteranopia

DBDAD7
F9F9F1
F2F4CC
DBE09D
777863

Tritanopia

D8D9DA
F9F2F3
FCD0D1
F2A0A1
7C6465

Achromatopsia

DDDDDD
F8F8F8
E5E5E5
C1C1C1
707070

Shades & Tints Shades & Tints

#D7E2D2

Dark
Light

#F9F9ED

Dark
Light

#FEDEC5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7e2d2;
  --color-2: #f9f9ed;
  --color-3: #fedec5;
  --color-4: #f6ae96;
  --color-5: #7d6d5e;
}

SCSS

$color-1: #d7e2d2;
$color-2: #f9f9ed;
$color-3: #fedec5;
$color-4: #f6ae96;
$color-5: #7d6d5e;

TAILWIND

colors: {
  'brand-1': '#d7e2d2',
  'brand-2': '#f9f9ed',
  'brand-3': '#fedec5',
  'brand-4': '#f6ae96',
  'brand-5': '#7d6d5e',
}

RGB Array

[215, 226, 210], [249, 249, 237], [254, 222, 197], [246, 174, 150], [125, 109, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D7E2D2, #F9F9ED, #FEDEC5, #F6AE96, #7D6D5E 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: #d7e2d2; --color-2: #f9f9ed; --color-3: #fedec5; --color-4: #f6ae96; --color-5: #7d6d5e. 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