← Back to Editor

#F2DADA · #B9E6A5 · #C6CC6E · #FA8D8B · #7D6565

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

#F2DADA

Peach Pink · Linen · Cherry Blossom

HEX
#F2DADA
RGB
rgb(242, 218, 218)
HSL
hsl(0, 48%, 90%)
HSB
hsb(0, 10%, 95%)
CMYK
cmyk(0%, 10%, 10%, 5%)
Oklch
oklch(90.8% 0.027 17.7)

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

#B9E6A5

Emerald · LightGreen · Apple Green

HEX
#B9E6A5
RGB
rgb(185, 230, 165)
HSL
hsl(102, 57%, 77%)
HSB
hsb(102, 28%, 90%)
CMYK
cmyk(20%, 0%, 28%, 10%)
Oklch
oklch(87.7% 0.099 136.3)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

#C6CC6E

Fresh Green · BurlyWood · Sunflower

HEX
#C6CC6E
RGB
rgb(198, 204, 110)
HSL
hsl(64, 48%, 62%)
HSB
hsb(64, 46%, 80%)
CMYK
cmyk(3%, 0%, 46%, 20%)
Oklch
oklch(82.0% 0.118 111.9)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#FA8D8B

Peach Pink · LightCoral · Coral Red

HEX
#FA8D8B
RGB
rgb(250, 141, 139)
HSL
hsl(1, 92%, 76%)
HSB
hsb(1, 44%, 98%)
CMYK
cmyk(0%, 44%, 44%, 2%)
Oklch
oklch(76.0% 0.133 21.8)

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

#7D6565

Crimson · DimGray · Passion Red

HEX
#7D6565
RGB
rgb(125, 101, 101)
HSL
hsl(0, 11%, 44%)
HSB
hsb(0, 19%, 49%)
CMYK
cmyk(0%, 19%, 19%, 51%)
Oklch
oklch(53.0% 0.031 18.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2DADA
D9F2F2

Analogous

F2D9E6
F2DADA
F2E6D9

Triadic

F2DADA
D9F2D9
D9D9F2

Split-Comp.

F2DADA
D9F2E6
D9E6F2

Tetradic

F2DADA
E6F2D9
D9F2F2
E6D9F2

Contrast Matrix WCAG 2.1 Contrast

F2DADA
B9E6A5
C6CC6E
FA8D8B
7D6565
—
1.1
Fail
1.3
Fail
1.7
Fail
4.0
AA Large
1.1
Fail
—
1.2
Fail
1.6
Fail
3.8
AA Large
1.3
Fail
1.2
Fail
—
1.3
Fail
3.1
AA Large
1.7
Fail
1.6
Fail
1.3
Fail
—
2.4
Fail
4.0
AA Large
3.8
AA Large
3.1
AA Large
2.4
Fail
—
White BG
1.3Fail
1.4Fail
1.7Fail
2.3Fail
5.4AA
Black BG
15.8AAA
14.9AAA
12.3AAA
9.2AAA
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E7DA
CCCDB5
C9C985
CBCA8B
737265

Deuteranopia

E9EBDA
CAC7B9
C8C88A
D1D98C
747665

Tritanopia

F1DADA
BBC1C4
C6979B
F58C8C
7C6565

Achromatopsia

E1E1E1
D1D1D1
BFBFBF
ADADAD
6C6C6C

Shades & Tints Shades & Tints

#F2DADA

Dark
Light

#B9E6A5

Dark
Light

#C6CC6E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2dada;
  --color-2: #b9e6a5;
  --color-3: #c6cc6e;
  --color-4: #fa8d8b;
  --color-5: #7d6565;
}

SCSS

$color-1: #f2dada;
$color-2: #b9e6a5;
$color-3: #c6cc6e;
$color-4: #fa8d8b;
$color-5: #7d6565;

TAILWIND

colors: {
  'brand-1': '#f2dada',
  'brand-2': '#b9e6a5',
  'brand-3': '#c6cc6e',
  'brand-4': '#fa8d8b',
  'brand-5': '#7d6565',
}

RGB Array

[242, 218, 218], [185, 230, 165], [198, 204, 110], [250, 141, 139], [125, 101, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2DADA, #B9E6A5, #C6CC6E, #FA8D8B, #7D6565 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: #f2dada; --color-2: #b9e6a5; --color-3: #c6cc6e; --color-4: #fa8d8b; --color-5: #7d6565. 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