← Back to Editor

#F76057 · #7CA295 · #614B3D · #EDE6D6 · #FFF9F9

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

WorkspaceReadingData Visualization

Color Details Color Details

#F76057

Peach Pink · Tomato · Coral Red

HEX
#F76057
RGB
rgb(247, 96, 87)
HSL
hsl(3, 91%, 65%)
HSB
hsb(3, 65%, 97%)
CMYK
cmyk(0%, 61%, 65%, 3%)
Oklch
oklch(68.3% 0.187 26.6)

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

#7CA295

Mineral Blue · LightSlateGray · Olive Green

HEX
#7CA295
RGB
rgb(124, 162, 149)
HSL
hsl(159, 17%, 56%)
HSB
hsb(159, 23%, 64%)
CMYK
cmyk(23%, 0%, 8%, 36%)
Oklch
oklch(68.0% 0.046 171.9)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#614B3D

Tangerine · DarkOliveGreen · Amber Brown

HEX
#614B3D
RGB
rgb(97, 75, 61)
HSL
hsl(23, 23%, 31%)
HSB
hsb(23, 37%, 38%)
CMYK
cmyk(0%, 23%, 37%, 62%)
Oklch
oklch(43.2% 0.037 53.9)

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

#EDE6D6

Goose Yellow · Beige · Lemon Cream

HEX
#EDE6D6
RGB
rgb(237, 230, 214)
HSL
hsl(42, 39%, 88%)
HSB
hsb(42, 10%, 93%)
CMYK
cmyk(0%, 3%, 10%, 7%)
Oklch
oklch(92.6% 0.023 87.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFF9F9

Peach Pink · Snow · Cherry Blossom

HEX
#FFF9F9
RGB
rgb(255, 249, 249)
HSL
hsl(0, 100%, 99%)
HSB
hsb(0, 2%, 100%)
CMYK
cmyk(0%, 2%, 2%, 0%)
Oklch
oklch(98.7% 0.006 17.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F76057
55EFF7

Analogous

F7559E
F76057
F7AE55

Triadic

F76057
55F75D
5D55F7

Split-Comp.

F76057
55F7AE
559EF7

Tetradic

F76057
9EF755
55EFF7
AE55F7

Contrast Matrix WCAG 2.1 Contrast

F76057
7CA295
614B3D
EDE6D6
FFF9F9
—
1.1
Fail
2.6
Fail
2.5
Fail
3.0
Fail
1.1
Fail
—
2.9
Fail
2.3
Fail
2.7
Fail
2.6
Fail
2.9
Fail
—
6.5
AA
7.8
AAA
2.5
Fail
2.3
Fail
6.5
AA
—
1.2
Fail
3.0
Fail
2.7
Fail
7.8
AAA
1.2
Fail
—
White BG
3.1AA Large
2.8Fail
8.1AAA
1.2Fail
1.0Fail
Black BG
6.8AA
7.5AAA
2.6Fail
16.9AAA
20.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B459
8C8D98
575740
EAEADA
FCFCF9

Deuteranopia

BECA5A
8A8799
595A41
EAEBDB
FDFDF9

Tritanopia

EF5B5B
7E9B9B
604344
EDDDDE
FFF9F9

Achromatopsia

8C8C8C
959595
505050
E6E6E6
FBFBFB

Shades & Tints Shades & Tints

#F76057

Dark
Light

#7CA295

Dark
Light

#614B3D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f76057;
  --color-2: #7ca295;
  --color-3: #614b3d;
  --color-4: #ede6d6;
  --color-5: #fff9f9;
}

SCSS

$color-1: #f76057;
$color-2: #7ca295;
$color-3: #614b3d;
$color-4: #ede6d6;
$color-5: #fff9f9;

TAILWIND

colors: {
  'brand-1': '#f76057',
  'brand-2': '#7ca295',
  'brand-3': '#614b3d',
  'brand-4': '#ede6d6',
  'brand-5': '#fff9f9',
}

RGB Array

[247, 96, 87], [124, 162, 149], [97, 75, 61], [237, 230, 214], [255, 249, 249]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F76057, #7CA295, #614B3D, #EDE6D6, #FFF9F9 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: #f76057; --color-2: #7ca295; --color-3: #614b3d; --color-4: #ede6d6; --color-5: #fff9f9. 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 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