← Back to Editor

#262424 · #FF5980 · #F2B9AA · #F0FACF · #A1A89B

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

#262424

Ink Black · DarkSlateGray · Dark Stone

HEX
#262424
RGB
rgb(38, 36, 36)
HSL
hsl(0, 3%, 15%)
HSB
hsb(0, 5%, 15%)
CMYK
cmyk(0%, 5%, 5%, 85%)
Oklch
oklch(26.2% 0.003 17.3)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

#FF5980

Peach Pink · Salmon · Coral Red

HEX
#FF5980
RGB
rgb(255, 89, 128)
HSL
hsl(346, 100%, 67%)
HSB
hsb(346, 65%, 100%)
CMYK
cmyk(0%, 65%, 50%, 0%)
Oklch
oklch(69.5% 0.202 10.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F2B9AA

Peach Pink · LightPink · Cherry Blossom

HEX
#F2B9AA
RGB
rgb(242, 185, 170)
HSL
hsl(13, 73%, 81%)
HSB
hsb(13, 30%, 95%)
CMYK
cmyk(0%, 24%, 30%, 5%)
Oklch
oklch(83.4% 0.070 35.2)

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

#F0FACF

Willow Green · Beige · Mint Green

HEX
#F0FACF
RGB
rgb(240, 250, 207)
HSL
hsl(74, 81%, 90%)
HSB
hsb(74, 17%, 98%)
CMYK
cmyk(4%, 0%, 17%, 2%)
Oklch
oklch(96.7% 0.057 118.1)

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

#A1A89B

Ash · DarkGray · Silver Sand

HEX
#A1A89B
RGB
rgb(161, 168, 155)
HSL
hsl(92, 7%, 63%)
HSB
hsb(92, 8%, 66%)
CMYK
cmyk(4%, 0%, 8%, 34%)
Oklch
oklch(72.2% 0.020 130.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

262424
252727

Analogous

272526
262424
272625

Triadic

262424
252725
252527

Split-Comp.

262424
252726
252627

Tetradic

262424
262725
252727
262527

Contrast Matrix WCAG 2.1 Contrast

262424
FF5980
F2B9AA
F0FACF
A1A89B
—
5.1
AA
9.0
AAA
14.2
AAA
6.3
AA
5.1
AA
—
1.8
Fail
2.8
Fail
1.2
Fail
9.0
AAA
1.8
Fail
—
1.6
Fail
1.4
Fail
14.2
AAA
2.8
Fail
1.6
Fail
—
2.2
Fail
6.3
AA
1.2
Fail
1.4
Fail
2.2
Fail
—
White BG
15.4AAA
3.0AA Large
1.7Fail
1.1Fail
2.4Fail
Black BG
1.4Fail
7.0AA
12.3AAA
19.3AAA
8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

252524
B7B677
D9D9AE
F4F4D9
A4A49E

Deuteranopia

252524
C1CD74
DDE1AF
F4F3DC
A4A39F

Tritanopia

262424
F76F6D
EFB0B1
F1E2E3
A1A1A1

Achromatopsia

252525
8F8F8F
C8C8C8
F2F2F2
A4A4A4

Shades & Tints Shades & Tints

#262424

Dark
Light

#FF5980

Dark
Light

#F2B9AA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #262424;
  --color-2: #ff5980;
  --color-3: #f2b9aa;
  --color-4: #f0facf;
  --color-5: #a1a89b;
}

SCSS

$color-1: #262424;
$color-2: #ff5980;
$color-3: #f2b9aa;
$color-4: #f0facf;
$color-5: #a1a89b;

TAILWIND

colors: {
  'brand-1': '#262424',
  'brand-2': '#ff5980',
  'brand-3': '#f2b9aa',
  'brand-4': '#f0facf',
  'brand-5': '#a1a89b',
}

RGB Array

[38, 36, 36], [255, 89, 128], [242, 185, 170], [240, 250, 207], [161, 168, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #262424, #FF5980, #F2B9AA, #F0FACF, #A1A89B 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: #262424; --color-2: #ff5980; --color-3: #f2b9aa; --color-4: #f0facf; --color-5: #a1a89b. 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 general-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