#F6F1B9 + #C8D6B3 + #C0B3AD + #CA9AA6 + #F3637C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F6F1B9

Fresh Green · Bisque · Lemon Cream

HEX

#F6F1B9

RGB

rgb(246, 241, 185)

HSL

hsl(55, 77%, 85%)

HSB

hsb(55, 25%, 96%)

CMYK

cmyk(0%, 2%, 25%, 4%)

Oklch

oklch(94.9% 0.072 103.4)

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

#C8D6B3

Willow Green · Silver · Apple Green

HEX

#C8D6B3

RGB

rgb(200, 214, 179)

HSL

hsl(84, 30%, 77%)

HSB

hsb(84, 16%, 84%)

CMYK

cmyk(7%, 0%, 16%, 16%)

Oklch

oklch(85.6% 0.050 125.2)

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

#C0B3AD

Apricot · Silver · Warm Sun

HEX

#C0B3AD

RGB

rgb(192, 179, 173)

HSL

hsl(19, 13%, 72%)

HSB

hsb(19, 10%, 75%)

CMYK

cmyk(0%, 7%, 10%, 25%)

Oklch

oklch(77.6% 0.017 46.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#CA9AA6

Peach Pink · DarkGray · Coral Red

HEX

#CA9AA6

RGB

rgb(202, 154, 166)

HSL

hsl(345, 31%, 70%)

HSB

hsb(345, 24%, 79%)

CMYK

cmyk(0%, 24%, 18%, 21%)

Oklch

oklch(73.5% 0.059 2.1)

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

#F3637C

Peach Pink · LightCoral · Coral Red

HEX

#F3637C

RGB

rgb(243, 99, 124)

HSL

hsl(350, 86%, 67%)

HSB

hsb(350, 59%, 95%)

CMYK

cmyk(0%, 59%, 49%, 5%)

Oklch

oklch(68.8% 0.177 12.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6F1B9

BBC0F6

Analogous

F6D4BB

F6F1B9

DEF6BB

Triadic

F6F1B9

BBF6F1

F1BBF6

Split-Comp.

F6F1B9

BBDEF6

D4BBF6

Tetradic

F6F1B9

BBF6D4

BBC0F6

F6BBDE

Contrast Matrix WCAG 2.1 Contrast

F6F1B9	C8D6B3	C0B3AD	CA9AA6	F3637C
—	1.3 Fail	1.8 Fail	2.1 Fail	2.6 Fail
1.3 Fail	—	1.3 Fail	1.6 Fail	2.0 Fail
1.8 Fail	1.3 Fail	—	1.2 Fail	1.5 Fail
2.1 Fail	1.6 Fail	1.2 Fail	—	1.3 Fail
2.6 Fail	2.0 Fail	1.5 Fail	1.3 Fail	—

White BG

1.2Fail

1.5Fail

2.0Fail

2.4Fail

3.0AA Large

Black BG

18.2AAA

13.7AAA

10.3AAA

8.7AAA

6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F4C7

CECEBB

BABAAE

B5B5A3

B5B376

Deuteranopia

F4F5CA

CDCCBE

BBBCAF

B8BCA2

BDC875

Tritanopia

F6D1D4

C9C2C4

BFB0B0

C8A1A0

EC7170

Achromatopsia

ECECEC

CECECE

B6B6B6

AAAAAA

919191

Shades & Tints Shades & Tints

#F6F1B9

Dark

Light

#C8D6B3

Dark

Light

#C0B3AD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6f1b9;
  --color-2: #c8d6b3;
  --color-3: #c0b3ad;
  --color-4: #ca9aa6;
  --color-5: #f3637c;
}

SCSS

$color-1: #f6f1b9;
$color-2: #c8d6b3;
$color-3: #c0b3ad;
$color-4: #ca9aa6;
$color-5: #f3637c;

TAILWIND

colors: {
  'brand-1': '#f6f1b9',
  'brand-2': '#c8d6b3',
  'brand-3': '#c0b3ad',
  'brand-4': '#ca9aa6',
  'brand-5': '#f3637c',
}

RGB Array

[246, 241, 185], [200, 214, 179], [192, 179, 173], [202, 154, 166], [243, 99, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6F1B9, #C8D6B3, #C0B3AD, #CA9AA6, #F3637C is ideal for: health products, baby brands, fresh-style blogs. 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: #f6f1b9; --color-2: #c8d6b3; --color-3: #c0b3ad; --color-4: #ca9aa6; --color-5: #f3637c. 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 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