← Back to Editor

#2C232E · #C59B94 · #EBC1AA · #F8D0A3 · #F8EAD5

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

#2C232E

Dark Plum · DarkSlateGray · Dark Purple

HEX
#2C232E
RGB
rgb(44, 35, 46)
HSL
hsl(289, 14%, 16%)
HSB
hsb(289, 24%, 18%)
CMYK
cmyk(4%, 24%, 0%, 82%)
Oklch
oklch(27.1% 0.024 320.1)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#C59B94

Peach Pink · Tan · Coral Red

HEX
#C59B94
RGB
rgb(197, 155, 148)
HSL
hsl(9, 30%, 68%)
HSB
hsb(9, 25%, 77%)
CMYK
cmyk(0%, 21%, 25%, 23%)
Oklch
oklch(72.6% 0.052 29.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#EBC1AA

Apricot · Wheat · Peach Orange

HEX
#EBC1AA
RGB
rgb(235, 193, 170)
HSL
hsl(21, 62%, 79%)
HSB
hsb(21, 28%, 92%)
CMYK
cmyk(0%, 18%, 28%, 8%)
Oklch
oklch(84.2% 0.058 50.3)

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

#F8D0A3

Goose Yellow · Wheat · Peach Orange

HEX
#F8D0A3
RGB
rgb(248, 208, 163)
HSL
hsl(32, 86%, 81%)
HSB
hsb(32, 34%, 97%)
CMYK
cmyk(0%, 16%, 34%, 3%)
Oklch
oklch(88.1% 0.074 69.9)

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

#F8EAD5

Goose Yellow · Beige · Peach Orange

HEX
#F8EAD5
RGB
rgb(248, 234, 213)
HSL
hsl(36, 71%, 90%)
HSB
hsb(36, 14%, 97%)
CMYK
cmyk(0%, 6%, 14%, 3%)
Oklch
oklch(94.3% 0.032 78.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2C232E
252F23

Analogous

27232F
2C232E
2F232B

Triadic

2C232E
2F2C23
232F2C

Split-Comp.

2C232E
2B2F23
232F27

Tetradic

2C232E
2F2723
252F23
232B2F

Contrast Matrix WCAG 2.1 Contrast

2C232E
C59B94
EBC1AA
F8D0A3
F8EAD5
—
6.1
AA
9.2
AAA
10.5
AAA
12.8
AAA
6.1
AA
—
1.5
Fail
1.7
Fail
2.1
Fail
9.2
AAA
1.5
Fail
—
1.1
Fail
1.4
Fail
10.5
AAA
1.7
Fail
1.1
Fail
—
1.2
Fail
12.8
AAA
2.1
Fail
1.4
Fail
1.2
Fail
—
White BG
15.1AAA
2.5Fail
1.6Fail
1.4Fail
1.2Fail
Black BG
1.4Fail
8.5AAA
12.7AAA
14.5AAA
17.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

28282B
B3B296
D9D8B0
E7E6AE
F2F2DA

Deuteranopia

29292B
B5B896
DBDEB1
E9ECB1
F3F4DB

Tritanopia

2C2929
C39797
E9B4B5
F6B6B8
F7DEDF

Achromatopsia

272727
A7A7A7
CBCBCB
D7D7D7
ECECEC

Shades & Tints Shades & Tints

#2C232E

Dark
Light

#C59B94

Dark
Light

#EBC1AA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2c232e;
  --color-2: #c59b94;
  --color-3: #ebc1aa;
  --color-4: #f8d0a3;
  --color-5: #f8ead5;
}

SCSS

$color-1: #2c232e;
$color-2: #c59b94;
$color-3: #ebc1aa;
$color-4: #f8d0a3;
$color-5: #f8ead5;

TAILWIND

colors: {
  'brand-1': '#2c232e',
  'brand-2': '#c59b94',
  'brand-3': '#ebc1aa',
  'brand-4': '#f8d0a3',
  'brand-5': '#f8ead5',
}

RGB Array

[44, 35, 46], [197, 155, 148], [235, 193, 170], [248, 208, 163], [248, 234, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #2C232E, #C59B94, #EBC1AA, #F8D0A3, #F8EAD5 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: #2c232e; --color-2: #c59b94; --color-3: #ebc1aa; --color-4: #f8d0a3; --color-5: #f8ead5. 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