Rust#A03C00
Burnt Orange#D4500A
Pumpkin#FF6B1A
Light Salmon#FFAA70
Bisque#FFE5CC
Color Palette
#A03C00 · #D4500A · #FF6B1A · #FFAA70 · #FFE5CC
monochromatic0 likes
Share
Export for Developers
:root {
--color-1: #A03C00;
--color-1-rgb: 160, 60, 0;
--color-1-hsl: 23, 100%, 31%;
--color-2: #D4500A;
--color-2-rgb: 212, 80, 10;
--color-2-hsl: 21, 91%, 44%;
--color-3: #FF6B1A;
--color-3-rgb: 255, 107, 26;
--color-3-hsl: 21, 100%, 55%;
--color-4: #FFAA70;
--color-4-rgb: 255, 170, 112;
--color-4-hsl: 24, 100%, 72%;
--color-5: #FFE5CC;
--color-5-rgb: 255, 229, 204;
--color-5-hsl: 29, 100%, 90%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#A03C00
On White
6.69:1AA
On Black
3.14:1Fail
Aa
Aa
#D4500A
On White
4.24:1Fail
On Black
4.95:1AA
Aa
Aa
#FF6B1A
On White
2.85:1Fail
On Black
7.37:1AAA
Aa
Aa
#FFAA70
On White
1.87:1Fail
On Black
11.24:1AAA
Aa
Aa
#FFE5CC
On White
1.21:1Fail
On Black
17.33:1AAA
Aa
Aa
Contrast ratios calculated per WCAG 2.1. AA requires ≥4.5:1, AAA requires ≥7:1 for normal text.
Palette Variations
Palette Variations
Original
☀️
lighter
· Increased lightness, reduced saturation
#F36812
#EE8D59
#F9AE86
#FDE7D8
#FEF2E7
🌑
darker
· Reduced lightness, increased saturation
#381600
#782C02
#B33E00
#FF6C0A
#FFB066
🌫️
muted
· Desaturated for a calm, muted look
#864218
#B55C2C
#DD743C
#EAAE86
#F7E5D4
⚡
vibrant
· Boosted saturation for maximum impact
#CC4E00
#E04F00
#FF6A1A
#FF8533
#FF9633