#F1DBB6 + #FFFBDB + #C4F1D2 + #ADDAC5 + #AEA9AF - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F1DBB6

Goose Yellow · Wheat · Peach Orange

HEX

#F1DBB6

RGB

rgb(241, 219, 182)

HSL

hsl(38, 68%, 83%)

HSB

hsb(38, 24%, 95%)

CMYK

cmyk(0%, 9%, 24%, 5%)

Oklch

oklch(90.0% 0.054 80.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FFFBDB

Fresh Green · LightYellow · Lemon Cream

HEX

#FFFBDB

RGB

rgb(255, 251, 219)

HSL

hsl(53, 100%, 93%)

HSB

hsb(53, 14%, 100%)

CMYK

cmyk(0%, 2%, 14%, 0%)

Oklch

oklch(98.3% 0.042 101.3)

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

#C4F1D2

Emerald · LightGray · Mint Green

HEX

#C4F1D2

RGB

rgb(196, 241, 210)

HSL

hsl(139, 62%, 86%)

HSB

hsb(139, 19%, 95%)

CMYK

cmyk(19%, 0%, 13%, 5%)

Oklch

oklch(91.8% 0.063 154.9)

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

#ADDAC5

Jade · Silver · Apple Green

HEX

#ADDAC5

RGB

rgb(173, 218, 197)

HSL

hsl(152, 38%, 77%)

HSB

hsb(152, 21%, 85%)

CMYK

cmyk(21%, 0%, 10%, 15%)

Oklch

oklch(85.1% 0.055 165.0)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#AEA9AF

Ash · DarkGray · Silver Sand

HEX

#AEA9AF

RGB

rgb(174, 169, 175)

HSL

hsl(290, 4%, 67%)

HSB

hsb(290, 3%, 69%)

CMYK

cmyk(1%, 3%, 0%, 31%)

Oklch

oklch(74.1% 0.010 320.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1DBB6

B6CCF1

Analogous

F1BEB6

F1DBB6

E9F1B6

Triadic

F1DBB6

B6F1DC

DCB6F1

Split-Comp.

F1DBB6

B6E9F1

BEB6F1

Tetradic

F1DBB6

B6F1BE

B6CCF1

F1B6E9

Contrast Matrix WCAG 2.1 Contrast

F1DBB6	FFFBDB	C4F1D2	ADDAC5	AEA9AF
—	1.3 Fail	1.1 Fail	1.1 Fail	1.7 Fail
1.3 Fail	—	1.2 Fail	1.5 Fail	2.2 Fail
1.1 Fail	1.2 Fail	—	1.2 Fail	1.9 Fail
1.1 Fail	1.5 Fail	1.2 Fail	—	1.5 Fail
1.7 Fail	2.2 Fail	1.9 Fail	1.5 Fail	—

White BG

1.4Fail

1.0Fail

1.2Fail

1.5Fail

2.3Fail

Black BG

15.5AAA

20.1AAA

16.9AAA

13.6AAA

9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7BF

FDFDE3

D7D8DA

C0C1CA

ACACAE

Deuteranopia

E9EAC1

FEFEE5

D5D2DB

BEBBCB

ACADAD

Tritanopia

F0C6C8

FFE9EA

C6DFE1

AFCECF

AEACAC

Achromatopsia

DDDDDD

F9F9F9

E0E0E0

CACACA

ABABAB

Shades & Tints Shades & Tints

#F1DBB6

Dark

Light

#FFFBDB

Dark

Light

#C4F1D2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1dbb6;
  --color-2: #fffbdb;
  --color-3: #c4f1d2;
  --color-4: #addac5;
  --color-5: #aea9af;
}

SCSS

$color-1: #f1dbb6;
$color-2: #fffbdb;
$color-3: #c4f1d2;
$color-4: #addac5;
$color-5: #aea9af;

TAILWIND

colors: {
  'brand-1': '#f1dbb6',
  'brand-2': '#fffbdb',
  'brand-3': '#c4f1d2',
  'brand-4': '#addac5',
  'brand-5': '#aea9af',
}

RGB Array

[241, 219, 182], [255, 251, 219], [196, 241, 210], [173, 218, 197], [174, 169, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F1DBB6, #FFFBDB, #C4F1D2, #ADDAC5, #AEA9AF 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: #f1dbb6; --color-2: #fffbdb; --color-3: #c4f1d2; --color-4: #addac5; --color-5: #aea9af. 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