← Back to Editor

#F3BEAF · #C4ABA4 · #ACA29F · #959A99 · #7E9093

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F3BEAF

Peach Pink · LightPink · Cherry Blossom

HEX
#F3BEAF
RGB
rgb(243, 190, 175)
HSL
hsl(13, 74%, 82%)
HSB
hsb(13, 28%, 95%)
CMYK
cmyk(0%, 22%, 28%, 5%)
Oklch
oklch(84.5% 0.065 36.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#C4ABA4

Peach Pink · DarkGray · Coral Red

HEX
#C4ABA4
RGB
rgb(196, 171, 164)
HSL
hsl(13, 21%, 71%)
HSB
hsb(13, 16%, 77%)
CMYK
cmyk(0%, 13%, 16%, 23%)
Oklch
oklch(76.1% 0.031 36.1)

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

#ACA29F

Ash · DarkGray · Silver Sand

HEX
#ACA29F
RGB
rgb(172, 162, 159)
HSL
hsl(14, 7%, 65%)
HSB
hsb(14, 8%, 67%)
CMYK
cmyk(0%, 6%, 8%, 33%)
Oklch
oklch(72.0% 0.012 37.4)

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

#959A99

Ash · DarkGray · Silver Sand

HEX
#959A99
RGB
rgb(149, 154, 153)
HSL
hsl(168, 2%, 59%)
HSB
hsb(168, 3%, 60%)
CMYK
cmyk(3%, 0%, 1%, 40%)
Oklch
oklch(68.2% 0.006 182.9)

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

#7E9093

Slate Blue · LightSlateGray · Warm Gray

HEX
#7E9093
RGB
rgb(126, 144, 147)
HSL
hsl(189, 9%, 54%)
HSB
hsb(189, 14%, 58%)
CMYK
cmyk(14%, 2%, 0%, 42%)
Oklch
oklch(64.0% 0.021 208.7)

Traditional「Slate Blue」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F3BEAF
AFE4F3

Analogous

F3AFC2
F3BEAF
F3E0AF

Triadic

F3BEAF
AFF3BE
BEAFF3

Split-Comp.

F3BEAF
AFF3E0
AFC2F3

Tetradic

F3BEAF
C2F3AF
AFE4F3
E0AFF3

Contrast Matrix WCAG 2.1 Contrast

F3BEAF
C4ABA4
ACA29F
959A99
7E9093
—
1.3
Fail
1.5
Fail
1.7
Fail
2.0
Fail
1.3
Fail
—
1.2
Fail
1.3
Fail
1.5
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.7
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
2.0
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
White BG
1.6Fail
2.2Fail
2.5Fail
2.9Fail
3.3AA Large
Black BG
12.8AAA
9.7AAA
8.4AAA
7.4AAA
6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDCB3
B9B9A6
A8A8A0
979799
868692

Deuteranopia

DFE3B4
BBBDA6
A8A9A0
979799
858392

Tritanopia

F0B5B6
C3A7A7
ACA0A0
959999
7F9292

Achromatopsia

CCCCCC
B2B2B2
A5A5A5
989898
8B8B8B

Shades & Tints Shades & Tints

#F3BEAF

Dark
Light

#C4ABA4

Dark
Light

#ACA29F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f3beaf;
  --color-2: #c4aba4;
  --color-3: #aca29f;
  --color-4: #959a99;
  --color-5: #7e9093;
}

SCSS

$color-1: #f3beaf;
$color-2: #c4aba4;
$color-3: #aca29f;
$color-4: #959a99;
$color-5: #7e9093;

TAILWIND

colors: {
  'brand-1': '#f3beaf',
  'brand-2': '#c4aba4',
  'brand-3': '#aca29f',
  'brand-4': '#959a99',
  'brand-5': '#7e9093',
}

RGB Array

[243, 190, 175], [196, 171, 164], [172, 162, 159], [149, 154, 153], [126, 144, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F3BEAF, #C4ABA4, #ACA29F, #959A99, #7E9093 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: #f3beaf; --color-2: #c4aba4; --color-3: #aca29f; --color-4: #959a99; --color-5: #7e9093. 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 general-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