← Back to Editor

#D7EAE9 · #A5A49D · #F2EBD5 · #F2F1F0 · #AFCBC9

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarmCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#D7EAE9

Jade · Lavender · Glacier Blue

HEX
#D7EAE9
RGB
rgb(215, 234, 233)
HSL
hsl(177, 31%, 88%)
HSB
hsb(177, 8%, 92%)
CMYK
cmyk(8%, 0%, 0%, 8%)
Oklch
oklch(92.3% 0.020 193.0)

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

#A5A49D

Ash · DarkGray · Silver Sand

HEX
#A5A49D
RGB
rgb(165, 164, 157)
HSL
hsl(53, 4%, 63%)
HSB
hsb(53, 5%, 65%)
CMYK
cmyk(0%, 1%, 5%, 35%)
Oklch
oklch(71.7% 0.010 100.0)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#F2EBD5

Goose Yellow · Beige · Lemon Cream

HEX
#F2EBD5
RGB
rgb(242, 235, 213)
HSL
hsl(46, 53%, 89%)
HSB
hsb(46, 12%, 95%)
CMYK
cmyk(0%, 3%, 12%, 5%)
Oklch
oklch(94.0% 0.030 92.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#F2F1F0

Plain White · Linen · Cloud White

HEX
#F2F1F0
RGB
rgb(242, 241, 240)
HSL
hsl(30, 7%, 95%)
HSB
hsb(30, 1%, 95%)
CMYK
cmyk(0%, 0%, 1%, 5%)
Oklch
oklch(95.9% 0.002 67.8)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

#AFCBC9

Jade · Silver · Lake Green

HEX
#AFCBC9
RGB
rgb(175, 203, 201)
HSL
hsl(176, 21%, 74%)
HSB
hsb(176, 14%, 80%)
CMYK
cmyk(14%, 0%, 1%, 20%)
Oklch
oklch(82.1% 0.030 191.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7EAE9
EAD7D8

Analogous

D7EADF
D7EAE9
D7E1EA

Triadic

D7EAE9
E9D7EA
EAE9D7

Split-Comp.

D7EAE9
EAD7E1
EADFD7

Tetradic

D7EAE9
DFD7EA
EAD7D8
E1EAD7

Contrast Matrix WCAG 2.1 Contrast

D7EAE9
A5A49D
F2EBD5
F2F1F0
AFCBC9
—
2.0
Fail
1.0
Fail
1.1
Fail
1.4
Fail
2.0
Fail
—
2.1
Fail
2.2
Fail
1.5
Fail
1.0
Fail
2.1
Fail
—
1.1
Fail
1.4
Fail
1.1
Fail
2.2
Fail
1.1
Fail
—
1.5
Fail
1.4
Fail
1.5
Fail
1.4
Fail
1.5
Fail
—
White BG
1.2Fail
2.5Fail
1.2Fail
1.1Fail
1.7Fail
Black BG
16.8AAA
8.4AAA
17.6AAA
18.6AAA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFE9
A5A59F
EFEFDA
F2F2F0
BBBBC9

Deuteranopia

DEDDE9
A5A59F
EFF0DC
F2F2F0
BAB7CA

Tritanopia

D8E9E9
A5A0A0
F2DFDF
F2F0F0
B0CACA

Achromatopsia

E4E4E4
A4A4A4
EBEBEB
F1F1F1
C2C2C2

Shades & Tints Shades & Tints

#D7EAE9

Dark
Light

#A5A49D

Dark
Light

#F2EBD5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7eae9;
  --color-2: #a5a49d;
  --color-3: #f2ebd5;
  --color-4: #f2f1f0;
  --color-5: #afcbc9;
}

SCSS

$color-1: #d7eae9;
$color-2: #a5a49d;
$color-3: #f2ebd5;
$color-4: #f2f1f0;
$color-5: #afcbc9;

TAILWIND

colors: {
  'brand-1': '#d7eae9',
  'brand-2': '#a5a49d',
  'brand-3': '#f2ebd5',
  'brand-4': '#f2f1f0',
  'brand-5': '#afcbc9',
}

RGB Array

[215, 234, 233], [165, 164, 157], [242, 235, 213], [242, 241, 240], [175, 203, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #D7EAE9, #A5A49D, #F2EBD5, #F2F1F0, #AFCBC9 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: #d7eae9; --color-2: #a5a49d; --color-3: #f2ebd5; --color-4: #f2f1f0; --color-5: #afcbc9. 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 minimal-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