← Back to Editor

#F7F3D7 · #AAE3DD · #7DCDB2 · #A9B83E · #A89439

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#F7F3D7

Fresh Green · Beige · Lemon Cream

HEX
#F7F3D7
RGB
rgb(247, 243, 215)
HSL
hsl(52, 67%, 91%)
HSB
hsb(52, 13%, 97%)
CMYK
cmyk(0%, 2%, 13%, 3%)
Oklch
oklch(96.0% 0.037 100.4)

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

#AAE3DD

Jade · LightBlue · Glacier Blue

HEX
#AAE3DD
RGB
rgb(170, 227, 221)
HSL
hsl(174, 50%, 78%)
HSB
hsb(174, 25%, 89%)
CMYK
cmyk(25%, 0%, 3%, 11%)
Oklch
oklch(87.5% 0.059 188.1)

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

#7DCDB2

Jade · MediumAquaMarine · Lake Green

HEX
#7DCDB2
RGB
rgb(125, 205, 178)
HSL
hsl(160, 44%, 65%)
HSB
hsb(160, 39%, 80%)
CMYK
cmyk(39%, 0%, 13%, 20%)
Oklch
oklch(78.9% 0.088 170.4)

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

#A9B83E

Autumn Sage · GoldenRod · Honey Gold

HEX
#A9B83E
RGB
rgb(169, 184, 62)
HSL
hsl(67, 50%, 48%)
HSB
hsb(67, 66%, 72%)
CMYK
cmyk(8%, 0%, 66%, 28%)
Oklch
oklch(74.8% 0.145 116.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#A89439

Ochre · DarkGoldenRod · Honey Gold

HEX
#A89439
RGB
rgb(168, 148, 57)
HSL
hsl(49, 49%, 44%)
HSB
hsb(49, 66%, 66%)
CMYK
cmyk(0%, 12%, 66%, 34%)
Oklch
oklch(66.7% 0.112 96.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7F3D7
D9DDF7

Analogous

F7E4D9
F7F3D7
ECF7D9

Triadic

F7F3D7
D9F7F3
F3D9F7

Split-Comp.

F7F3D7
D9ECF7
E4D9F7

Tetradic

F7F3D7
D9F7E4
D9DDF7
F7D9EC

Contrast Matrix WCAG 2.1 Contrast

F7F3D7
AAE3DD
7DCDB2
A9B83E
A89439
—
1.3
Fail
1.7
Fail
2.0
Fail
2.7
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
2.1
Fail
1.7
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
2.0
Fail
1.5
Fail
1.2
Fail
—
1.4
Fail
2.7
Fail
2.1
Fail
1.6
Fail
1.4
Fail
—
White BG
1.1Fail
1.4Fail
1.9Fail
2.2Fail
3.0AA Large
Black BG
18.8AAA
14.7AAA
11.2AAA
9.6AAA
7.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F5DE
C3C3DE
A0A0B9
AFB05C
9F9F4F

Deuteranopia

F6F6DF
BFBBDF
9B95BA
AFAE63
A1A254

Tritanopia

F7E3E4
ADE0E0
81BEBF
AA7378
A76064

Achromatopsia

F1F1F1
D1D1D1
B2B2B2
A6A6A6
909090

Shades & Tints Shades & Tints

#F7F3D7

Dark
Light

#AAE3DD

Dark
Light

#7DCDB2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7f3d7;
  --color-2: #aae3dd;
  --color-3: #7dcdb2;
  --color-4: #a9b83e;
  --color-5: #a89439;
}

SCSS

$color-1: #f7f3d7;
$color-2: #aae3dd;
$color-3: #7dcdb2;
$color-4: #a9b83e;
$color-5: #a89439;

TAILWIND

colors: {
  'brand-1': '#f7f3d7',
  'brand-2': '#aae3dd',
  'brand-3': '#7dcdb2',
  'brand-4': '#a9b83e',
  'brand-5': '#a89439',
}

RGB Array

[247, 243, 215], [170, 227, 221], [125, 205, 178], [169, 184, 62], [168, 148, 57]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F7F3D7, #AAE3DD, #7DCDB2, #A9B83E, #A89439 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: #f7f3d7; --color-2: #aae3dd; --color-3: #7dcdb2; --color-4: #a9b83e; --color-5: #a89439. 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