#F7FCBD + #C6CA91 + #A3A587 + #A2C1BE + #96E3FF · minimal - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#F7FCBD

Fresh Green · Bisque · Lemon Cream

HEX

#F7FCBD

RGB

rgb(247, 252, 189)

HSL

hsl(65, 91%, 86%)

HSB

hsb(65, 25%, 99%)

CMYK

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

Oklch

oklch(97.2% 0.081 111.6)

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

#C6CA91

Fresh Green · Tan · Sunflower

HEX

#C6CA91

RGB

rgb(198, 202, 145)

HSL

hsl(64, 35%, 68%)

HSB

hsb(64, 28%, 79%)

CMYK

cmyk(2%, 0%, 28%, 21%)

Oklch

oklch(82.2% 0.076 111.3)

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

#A3A587

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#A3A587

RGB

rgb(163, 165, 135)

HSL

hsl(64, 14%, 59%)

HSB

hsb(64, 18%, 65%)

CMYK

cmyk(1%, 0%, 18%, 35%)

Oklch

oklch(71.2% 0.042 110.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#A2C1BE

Jade · Silver · Lake Green

HEX

#A2C1BE

RGB

rgb(162, 193, 190)

HSL

hsl(174, 20%, 70%)

HSB

hsb(174, 16%, 76%)

CMYK

cmyk(16%, 0%, 2%, 24%)

Oklch

oklch(78.7% 0.034 189.3)

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

#96E3FF

Sky Blue · LightSkyBlue · Glacier Blue

HEX

#96E3FF

RGB

rgb(150, 227, 255)

HSL

hsl(196, 100%, 79%)

HSB

hsb(196, 41%, 100%)

CMYK

cmyk(41%, 11%, 0%, 0%)

Oklch

oklch(87.5% 0.085 223.0)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7FCBD

C0BBFC

Analogous

FCE1BB

F7FCBD

D6FCBB

Triadic

F7FCBD

BBF6FC

FCBBF6

Split-Comp.

F7FCBD

BBD6FC

E1BBFC

Tetradic

F7FCBD

BBFCE1

C0BBFC

FCBBD6

Contrast Matrix WCAG 2.1 Contrast

F7FCBD	C6CA91	A3A587	A2C1BE	96E3FF
—	1.6 Fail	2.4 Fail	1.8 Fail	1.3 Fail
1.6 Fail	—	1.5 Fail	1.1 Fail	1.2 Fail
2.4 Fail	1.5 Fail	—	1.3 Fail	1.8 Fail
1.8 Fail	1.1 Fail	1.3 Fail	—	1.4 Fail
1.3 Fail	1.2 Fail	1.8 Fail	1.4 Fail	—

White BG

1.1Fail

1.7Fail

2.5Fail

1.9Fail

1.4Fail

Black BG

19.6AAA

12.3AAA

8.3AAA

10.9AAA

14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F9CC

C8C89F

A4A48E

AFB0BF

B7B8F8

Deuteranopia

F9F8D0

C8C7A2

A4A490

AEABBF

B3ADF7

Tritanopia

F7D8DB

C6AAAC

A39495

A4BFBF

9AF3F2

Achromatopsia

F3F3F3

C2C2C2

A1A1A1

B7B7B7

CFCFCF

Shades & Tints Shades & Tints

#F7FCBD

Dark

Light

#C6CA91

Dark

Light

#A3A587

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7fcbd;
  --color-2: #c6ca91;
  --color-3: #a3a587;
  --color-4: #a2c1be;
  --color-5: #96e3ff;
}

SCSS

$color-1: #f7fcbd;
$color-2: #c6ca91;
$color-3: #a3a587;
$color-4: #a2c1be;
$color-5: #96e3ff;

TAILWIND

colors: {
  'brand-1': '#f7fcbd',
  'brand-2': '#c6ca91',
  'brand-3': '#a3a587',
  'brand-4': '#a2c1be',
  'brand-5': '#96e3ff',
}

RGB Array

[247, 252, 189], [198, 202, 145], [163, 165, 135], [162, 193, 190], [150, 227, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #F7FCBD, #C6CA91, #A3A587, #A2C1BE, #96E3FF 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: #f7fcbd; --color-2: #c6ca91; --color-3: #a3a587; --color-4: #a2c1be; --color-5: #96e3ff. 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 minimal-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