Techy AllTechy All
Learning Hub

Pumpkin Spice - Palette

A warm color combination designed for visual harmony, accessibility, and professional design applications.

#E67E22

RGB(230, 126, 34)

#D35400

RGB(211, 84, 0)

#E67E22

RGB(230, 126, 34)

#F39C12

RGB(243, 156, 18)

#F1C40F

RGB(241, 196, 15)

Color Properties

Color HEX RGB HSL Luminance Temperature
⬤ #E67E22 RGB(230, 126, 34) HSL(28, 80%, 52%) 147 / 255 Warm
⬤ #D35400 RGB(211, 84, 0) HSL(24, 100%, 41%) 112 / 255 Warm
⬤ #E67E22 RGB(230, 126, 34) HSL(28, 80%, 52%) 147 / 255 Warm
⬤ #F39C12 RGB(243, 156, 18) HSL(37, 90%, 51%) 166 / 255 Warm
⬤ #F1C40F RGB(241, 196, 15) HSL(48, 89%, 50%) 189 / 255 Warm

Accessibility & Readability

WCAG (Web Content Accessibility Guidelines) compliance ensures your design is usable by everyone, including people with visual impairments. The following contrast ratios measure readability between foreground and background colors.

Combination Contrast Ratio WCAG AA WCAG AAA Status
Aa
Primary text on primary background
1.46:1 Fail Fail Fails AA
Aa
Primary text on secondary background
1:1 Fail Fail Fails AA
Aa
Accent text on primary background
1.71:1 Fail Fail Fails AA
Aa
Black text on secondary background
7.37:1 Pass Pass AA Compliant
Aa
White text on primary background
2.85:1 Fail Fail Fails AA
Understanding WCAG Contrast Requirements AA Standard: Minimum 4.5:1 for normal text, 3:1 for large text (18pt+).
AAA Standard: Enhanced requirement of 7:1 for normal text, 4.5:1 for large text.
Large Text: 18pt (24px) or 14pt (18.5px) bold.

Color Details

Each color includes HEX, RGB, and CMYK values for both digital and print applications.

#E67E22
RGB RGB(230, 126, 34)
CMYK 10% / 51% / 87% / 10%
#D35400
RGB RGB(211, 84, 0)
CMYK 17% / 67% / 100% / 17%
#E67E22
RGB RGB(230, 126, 34)
CMYK 10% / 51% / 87% / 10%
#F39C12
RGB RGB(243, 156, 18)
CMYK 5% / 39% / 93% / 5%
#F1C40F
RGB RGB(241, 196, 15)
CMYK 5% / 23% / 94% / 5%

Interactive Preview

Test how this palette performs in real-world UI scenarios.

Customize Preview
Format: X Y Blur Color
Square (0px) 8px Rounded (50px)

Live Preview Area

Secondary Heading

This sample text demonstrates how your selected color combinations work together in a real design context. You can test this link to see how interactive elements appear.

Pro Tip: Aim for a contrast ratio of at least 4.5:1 for body text to ensure readability.

Total Views
12

Design Applications

Web & UI Design

Perfect for modern websites, dashboards, and application interfaces where visual hierarchy and user experience matter.

Brand Identity

Establish consistent brand recognition across logos, marketing collateral, and digital presence with these harmonious colors.

Print & Packaging

CMYK values provided ensure accurate color reproduction for business cards, brochures, and product packaging.

Frequently Asked Questions

Simply copy the HEX or RGB values from the color cards above and paste them directly into Figma, Adobe XD, Sketch, Photoshop, or any design software. Most design tools accept both HEX and RGB formats.

HEX (Hexadecimal) is primarily used for web design. RGB (Red, Green, Blue) is for digital screens. CMYK (Cyan, Magenta, Yellow, Black) is used for print materials. This palette provides all three formats for versatility.

Yes, all color palettes on this platform are completely free for both personal and commercial use. No attribution is required, though it's always appreciated.