← Back to Editor

#2A1905 · #AA8E66 · #F1F3F0 · #D9ADAC · #F8D88D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#2A1905

Ochre · Black · Cinnamon

HEX
#2A1905
RGB
rgb(42, 25, 5)
HSL
hsl(32, 79%, 9%)
HSB
hsb(32, 88%, 16%)
CMYK
cmyk(0%, 40%, 88%, 84%)
Oklch
oklch(23.1% 0.042 68.3)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#AA8E66

Ginger · Gray · Warm Sun

HEX
#AA8E66
RGB
rgb(170, 142, 102)
HSL
hsl(35, 29%, 53%)
HSB
hsb(35, 40%, 67%)
CMYK
cmyk(0%, 16%, 40%, 33%)
Oklch
oklch(66.3% 0.065 76.1)

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

#F1F3F0

Celadon · Linen · Mint Green

HEX
#F1F3F0
RGB
rgb(241, 243, 240)
HSL
hsl(100, 11%, 95%)
HSB
hsb(100, 1%, 95%)
CMYK
cmyk(1%, 0%, 1%, 5%)
Oklch
oklch(96.2% 0.004 134.8)

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

#D9ADAC

Peach Pink · Tan · Coral Red

HEX
#D9ADAC
RGB
rgb(217, 173, 172)
HSL
hsl(1, 37%, 76%)
HSB
hsb(1, 21%, 85%)
CMYK
cmyk(0%, 20%, 21%, 15%)
Oklch
oklch(78.7% 0.052 19.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#F8D88D

Goose Yellow · Khaki · Lemon Cream

HEX
#F8D88D
RGB
rgb(248, 216, 141)
HSL
hsl(42, 88%, 76%)
HSB
hsb(42, 43%, 97%)
CMYK
cmyk(0%, 13%, 43%, 3%)
Oklch
oklch(89.3% 0.100 87.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2A1905
051629

Analogous

290605
2A1905
282905

Triadic

2A1905
052918
180529

Split-Comp.

2A1905
052829
060529

Tetradic

2A1905
052906
051629
290528

Contrast Matrix WCAG 2.1 Contrast

2A1905
AA8E66
F1F3F0
D9ADAC
F8D88D
—
5.5
AA
15.2
AAA
8.5
AAA
12.3
AAA
5.5
AA
—
2.8
Fail
1.6
Fail
2.2
Fail
15.2
AAA
2.8
Fail
—
1.8
Fail
1.2
Fail
8.5
AAA
1.6
Fail
1.8
Fail
—
1.4
Fail
12.3
AAA
2.2
Fail
1.2
Fail
1.4
Fail
—
White BG
16.9AAA
3.1AA Large
1.1Fail
2.0Fail
1.4Fail
Black BG
1.2Fail
6.8AA
18.8AAA
10.5AAA
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

23220A
9E9E70
F2F2F1
C6C6AC
EAEA9F

Deuteranopia

24250B
A0A272
F2F2F1
C9CCAC
ECEEA4

Tritanopia

290E0F
A97779
F1F1F1
D7ACAC
F6ADB1

Achromatopsia

1C1C1C
929292
F2F2F2
BABABA
D9D9D9

Shades & Tints Shades & Tints

#2A1905

Dark
Light

#AA8E66

Dark
Light

#F1F3F0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2a1905;
  --color-2: #aa8e66;
  --color-3: #f1f3f0;
  --color-4: #d9adac;
  --color-5: #f8d88d;
}

SCSS

$color-1: #2a1905;
$color-2: #aa8e66;
$color-3: #f1f3f0;
$color-4: #d9adac;
$color-5: #f8d88d;

TAILWIND

colors: {
  'brand-1': '#2a1905',
  'brand-2': '#aa8e66',
  'brand-3': '#f1f3f0',
  'brand-4': '#d9adac',
  'brand-5': '#f8d88d',
}

RGB Array

[42, 25, 5], [170, 142, 102], [241, 243, 240], [217, 173, 172], [248, 216, 141]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2A1905, #AA8E66, #F1F3F0, #D9ADAC, #F8D88D is ideal for: 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: #2a1905; --color-2: #aa8e66; --color-3: #f1f3f0; --color-4: #d9adac; --color-5: #f8d88d. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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