#FC790D + #EDF0E4 + #C8D9C1 + #99CFC3 + #66CCDE · minimal - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarmCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#FC790D

Tangerine · Orange · Warm Sun

HEX

#FC790D

RGB

rgb(252, 121, 13)

HSL

hsl(27, 98%, 52%)

HSB

hsb(27, 95%, 99%)

CMYK

cmyk(0%, 52%, 95%, 1%)

Oklch

oklch(71.8% 0.186 50.1)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#EDF0E4

Willow Green · Beige · Mint Green

HEX

#EDF0E4

RGB

rgb(237, 240, 228)

HSL

hsl(75, 29%, 92%)

HSB

hsb(75, 5%, 94%)

CMYK

cmyk(1%, 0%, 5%, 6%)

Oklch

oklch(95.0% 0.016 118.1)

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

#C8D9C1

Celadon · LightGray · Apple Green

HEX

#C8D9C1

RGB

rgb(200, 217, 193)

HSL

hsl(103, 24%, 80%)

HSB

hsb(103, 11%, 85%)

CMYK

cmyk(8%, 0%, 11%, 15%)

Oklch

oklch(86.6% 0.037 136.5)

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

#99CFC3

Jade · LightSteelBlue · Lake Green

HEX

#99CFC3

RGB

rgb(153, 207, 195)

HSL

hsl(167, 36%, 71%)

HSB

hsb(167, 26%, 81%)

CMYK

cmyk(26%, 0%, 6%, 19%)

Oklch

oklch(81.4% 0.058 179.5)

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

#66CCDE

Sky Blue · MediumTurquoise · Lake Green

HEX

#66CCDE

RGB

rgb(102, 204, 222)

HSL

hsl(189, 65%, 64%)

HSB

hsb(189, 54%, 87%)

CMYK

cmyk(54%, 8%, 0%, 13%)

Oklch

oklch(79.1% 0.098 210.5)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FC790D

0D91FD

Analogous

FD0D19

FC790D

FDF10D

Triadic

FC790D

0DFD79

790DFD

Split-Comp.

FC790D

0DFDF1

0D19FD

Tetradic

FC790D

19FD0D

0D91FD

F10DFD

Contrast Matrix WCAG 2.1 Contrast

FC790D	EDF0E4	C8D9C1	99CFC3	66CCDE
—	2.3 Fail	1.8 Fail	1.5 Fail	1.4 Fail
2.3 Fail	—	1.3 Fail	1.5 Fail	1.6 Fail
1.8 Fail	1.3 Fail	—	1.2 Fail	1.3 Fail
1.5 Fail	1.5 Fail	1.2 Fail	—	1.1 Fail
1.4 Fail	1.6 Fail	1.3 Fail	1.1 Fail	—

White BG

2.7Fail

1.2Fail

1.5Fail

1.7Fail

1.9Fail

Black BG

7.9AAA

18.2AAA

14.2AAA

12.1AAA

11.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C227

EEEEE7

CFD0C7

B0B1C6

9293DA

Deuteranopia

CBD52D

EEEEE8

CECDC8

ADA9C7

8C85D9

Tritanopia

F53C40

EDE9EA

C9CBCC

9CC8C9

6BD6D5

Achromatopsia

949494

EEEEEE

D1D1D1

BDBDBD

B0B0B0

Shades & Tints Shades & Tints

#FC790D

Dark

Light

#EDF0E4

Dark

Light

#C8D9C1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fc790d;
  --color-2: #edf0e4;
  --color-3: #c8d9c1;
  --color-4: #99cfc3;
  --color-5: #66ccde;
}

SCSS

$color-1: #fc790d;
$color-2: #edf0e4;
$color-3: #c8d9c1;
$color-4: #99cfc3;
$color-5: #66ccde;

TAILWIND

colors: {
  'brand-1': '#fc790d',
  'brand-2': '#edf0e4',
  'brand-3': '#c8d9c1',
  'brand-4': '#99cfc3',
  'brand-5': '#66ccde',
}

RGB Array

[252, 121, 13], [237, 240, 228], [200, 217, 193], [153, 207, 195], [102, 204, 222]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #FC790D, #EDF0E4, #C8D9C1, #99CFC3, #66CCDE 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: #fc790d; --color-2: #edf0e4; --color-3: #c8d9c1; --color-4: #99cfc3; --color-5: #66ccde. 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