← Back to Editor

#F1DAAE · #705854 · #A68154 · #D25F4A · #A0A48D

summer

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#F1DAAE

Goose Yellow · Wheat · Peach Orange

HEX
#F1DAAE
RGB
rgb(241, 218, 174)
HSL
hsl(39, 71%, 81%)
HSB
hsb(39, 28%, 95%)
CMYK
cmyk(0%, 10%, 28%, 5%)
Oklch
oklch(89.6% 0.063 83.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#705854

Crimson · DimGray · Wine Red

HEX
#705854
RGB
rgb(112, 88, 84)
HSL
hsl(9, 14%, 38%)
HSB
hsb(9, 25%, 44%)
CMYK
cmyk(0%, 21%, 25%, 56%)
Oklch
oklch(48.4% 0.033 29.2)

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

#A68154

Ochre · Gray · Amber Brown

HEX
#A68154
RGB
rgb(166, 129, 84)
HSL
hsl(33, 33%, 49%)
HSB
hsb(33, 49%, 65%)
CMYK
cmyk(0%, 22%, 49%, 35%)
Oklch
oklch(62.8% 0.076 71.2)

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

#D25F4A

Crimson · Chocolate · Passion Red

HEX
#D25F4A
RGB
rgb(210, 95, 74)
HSL
hsl(9, 60%, 56%)
HSB
hsb(9, 65%, 82%)
CMYK
cmyk(0%, 55%, 65%, 18%)
Oklch
oklch(62.4% 0.150 32.1)

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

#A0A48D

Grass Green · DarkSeaGreen · Olive Green

HEX
#A0A48D
RGB
rgb(160, 164, 141)
HSL
hsl(70, 11%, 60%)
HSB
hsb(70, 14%, 64%)
CMYK
cmyk(2%, 0%, 14%, 36%)
Oklch
oklch(70.9% 0.033 115.3)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1DAAE
ACC4F1

Analogous

F1B6AC
F1DAAE
E7F1AC

Triadic

F1DAAE
ACF1D9
D9ACF1

Split-Comp.

F1DAAE
ACE7F1
B6ACF1

Tetradic

F1DAAE
ACF1B6
ACC4F1
F1ACE7

Contrast Matrix WCAG 2.1 Contrast

F1DAAE
705854
A68154
D25F4A
A0A48D
—
4.8
AA
2.6
Fail
2.8
Fail
1.9
Fail
4.8
AA
—
1.8
Fail
1.7
Fail
2.5
Fail
2.6
Fail
1.8
Fail
—
1.1
Fail
1.4
Fail
2.8
Fail
1.7
Fail
1.1
Fail
—
1.5
Fail
1.9
Fail
2.5
Fail
1.4
Fail
1.5
Fail
—
White BG
1.4Fail
6.5AA
3.6AA Large
3.8AA Large
2.6Fail
Black BG
15.4AAA
3.2AA Large
5.9AA
5.5AA
8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7B9
666555
96965F
A09F4F
A2A293

Deuteranopia

E8EABB
676955
989B62
A7B050
A2A194

Tritanopia

F0C1C3
6F5656
A46769
CC5354
A09798

Achromatopsia

DCDCDC
5F5F5F
878787
7F7F7F
A0A0A0

Shades & Tints Shades & Tints

#F1DAAE

Dark
Light

#705854

Dark
Light

#A68154

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1daae;
  --color-2: #705854;
  --color-3: #a68154;
  --color-4: #d25f4a;
  --color-5: #a0a48d;
}

SCSS

$color-1: #f1daae;
$color-2: #705854;
$color-3: #a68154;
$color-4: #d25f4a;
$color-5: #a0a48d;

TAILWIND

colors: {
  'brand-1': '#f1daae',
  'brand-2': '#705854',
  'brand-3': '#a68154',
  'brand-4': '#d25f4a',
  'brand-5': '#a0a48d',
}

RGB Array

[241, 218, 174], [112, 88, 84], [166, 129, 84], [210, 95, 74], [160, 164, 141]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #F1DAAE, #705854, #A68154, #D25F4A, #A0A48D is ideal for: 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: #f1daae; --color-2: #705854; --color-3: #a68154; --color-4: #d25f4a; --color-5: #a0a48d. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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