Home Color Palettes 4-Color Firecracker Palette

4-Color Firecracker Palette

4-color palette · Warm · Dark · Monochromatic harmony

Back to Library

4-Color Firecracker Palette

4-color palette · Warm temperature · Dark tone · Monochromatic harmony

Modify

Earthy 4 colors Warm Dark Monochromatic

Likes 8,848

Colors 4

CSS variables

:root {
  --c-earthy-1: #0C0C0C;
  --c-earthy-2: #481E14;
  --c-earthy-3: #9B3922;
  --c-earthy-4: #F2613F;
}

About this palette

This 4-color earthy palette runs from Firecracker (#F2613F) as its lightest tone to Black Wash (#0C0C0C) as its darkest. It blends Black Wash, Barbecue Sauce, Brownish Red and Firecracker into a single set you can drop straight into a UI. Of its 6 color pairings, 1 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #0C0C0C on #F2613F at 6.11:1.

Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.

Color breakdown

Black Wash #0C0C0C

RGB: rgb(12, 12, 12)
HSL: hsl(0, 0%, 5%)
Luminance: 0.004

Barbecue Sauce #481E14

RGB: rgb(72, 30, 20)
HSL: hsl(12, 57%, 18%)
Luminance: 0.024

Brownish Red #9B3922

RGB: rgb(155, 57, 34)
HSL: hsl(11, 64%, 37%)
Luminance: 0.100

Firecracker #F2613F

RGB: rgb(242, 97, 63)
HSL: hsl(11, 87%, 60%)
Luminance: 0.278

Contrast & accessibility

1 of 6 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.

Aa #0C0C0C on #F2613F 6.11:1 AA

Aa #481E14 on #F2613F 4.46:1 AA Large

Aa #0C0C0C on #9B3922 2.80:1 Fail

Aa #9B3922 on #F2613F 2.18:1 Fail

Aa #481E14 on #9B3922 2.04:1 Fail

Aa #0C0C0C on #481E14 1.37:1 Fail

Similar palettes

#000000 #3D0000 #950101 #FF0000

4 colors

#E23E57 #88304E #522546 #311D3F

4 colors

#FF204E #A0153E #5D0E41 #00224D

4 colors

#030637 #3C0753 #720455 #910A67

4 colors

#1C0A00 #361500 #603601 #CC9544

4 colors

#252525 #FF0000 #AF0404 #414141

4 colors

#362222 #171010 #423F3E #2B2B2B

4 colors

#1A1A1D #3B1C32 #6A1E55 #A64D79

4 colors