← Back to Editor

#D1C0A4 · #FCFAEE · #572B2C · #D1D4C9 · #F0F1E9

summer

A 5-color summer 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

#D1C0A4

Goose Yellow · Tan · Warm Sun

HEX
#D1C0A4
RGB
rgb(209, 192, 164)
HSL
hsl(37, 33%, 73%)
HSB
hsb(37, 22%, 82%)
CMYK
cmyk(0%, 8%, 22%, 18%)
Oklch
oklch(81.5% 0.043 80.3)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FCFAEE

Fresh Green · SeaShell · Lemon Cream

HEX
#FCFAEE
RGB
rgb(252, 250, 238)
HSL
hsl(51, 70%, 96%)
HSB
hsb(51, 6%, 99%)
CMYK
cmyk(0%, 1%, 6%, 1%)
Oklch
oklch(98.3% 0.016 99.0)

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

#572B2C

Crimson · DarkOliveGreen · Wine Red

HEX
#572B2C
RGB
rgb(87, 43, 44)
HSL
hsl(359, 34%, 25%)
HSB
hsb(359, 51%, 34%)
CMYK
cmyk(0%, 51%, 49%, 66%)
Oklch
oklch(34.8% 0.065 19.5)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#D1D4C9

Willow Green · LightGray · Mint Green

HEX
#D1D4C9
RGB
rgb(209, 212, 201)
HSL
hsl(76, 11%, 81%)
HSB
hsb(76, 5%, 83%)
CMYK
cmyk(1%, 0%, 5%, 17%)
Oklch
oklch(86.5% 0.015 119.1)

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

#F0F1E9

Fresh Green · Linen · Lemon Cream

HEX
#F0F1E9
RGB
rgb(240, 241, 233)
HSL
hsl(67, 22%, 93%)
HSB
hsb(67, 3%, 95%)
CMYK
cmyk(0%, 0%, 3%, 5%)
Oklch
oklch(95.5% 0.011 112.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1C0A4
A3B5D1

Analogous

D1A9A3
D1C0A4
CCD1A3

Triadic

D1C0A4
A3D1BF
BFA3D1

Split-Comp.

D1C0A4
A3CCD1
A9A3D1

Tetradic

D1C0A4
A3D1A9
A3B5D1
D1A3CC

Contrast Matrix WCAG 2.1 Contrast

D1C0A4
FCFAEE
572B2C
D1D4C9
F0F1E9
—
1.7
Fail
6.6
AA
1.2
Fail
1.6
Fail
1.7
Fail
—
11.2
AAA
1.4
Fail
1.1
Fail
6.6
AA
11.2
AAA
—
7.8
AAA
10.3
AAA
1.2
Fail
1.4
Fail
7.8
AAA
—
1.3
Fail
1.6
Fail
1.1
Fail
10.3
AAA
1.3
Fail
—
White BG
1.8Fail
1.0Fail
11.8AAA
1.5Fail
1.1Fail
Black BG
11.8AAA
20.0AAA
1.8Fail
14.0AAA
18.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CAC9AB
FBFBF1
44442C
D2D2CC
F0F0EB

Deuteranopia

CBCCAC
FBFBF2
474A2C
D2D2CC
F0F0EB

Tritanopia

D0B0B1
FCF3F4
552C2C
D1CECE
F0ECED

Achromatopsia

C2C2C2
F9F9F9
383838
D2D2D2
F0F0F0

Shades & Tints Shades & Tints

#D1C0A4

Dark
Light

#FCFAEE

Dark
Light

#572B2C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1c0a4;
  --color-2: #fcfaee;
  --color-3: #572b2c;
  --color-4: #d1d4c9;
  --color-5: #f0f1e9;
}

SCSS

$color-1: #d1c0a4;
$color-2: #fcfaee;
$color-3: #572b2c;
$color-4: #d1d4c9;
$color-5: #f0f1e9;

TAILWIND

colors: {
  'brand-1': '#d1c0a4',
  'brand-2': '#fcfaee',
  'brand-3': '#572b2c',
  'brand-4': '#d1d4c9',
  'brand-5': '#f0f1e9',
}

RGB Array

[209, 192, 164], [252, 250, 238], [87, 43, 44], [209, 212, 201], [240, 241, 233]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #D1C0A4, #FCFAEE, #572B2C, #D1D4C9, #F0F1E9 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: #d1c0a4; --color-2: #fcfaee; --color-3: #572b2c; --color-4: #d1d4c9; --color-5: #f0f1e9. 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 summer-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