Df4907

345 views

#DF4907 Orange Red

#FFB703 Marigold

#FF6B6B Coral

#FFC107 Sunflower

#FEB144 Apricot

#FFA544 Tangerine

#FF7F50 Papaya

#FF7518 Pumpkin

#E25822 Flame

#FFA500 Orange

#ED9121 Carrot

#D2691E Cinnamon

DF4907

About This Color Palette

Color Palette:
1. Orange Red - 
          
          #DF4907
       
2. Marigold - 
          
          #FFB703
       
3. Coral - 
          
          #FF6B6B
       
4. Sunflower - 
          
          #FFC107
       
5. Apricot - 
          
          #FEB144
       
6. Tangerine - 
          
          #FFA544
       
7. Papaya - 
          
          #FF7F50
       
8. Pumpkin - 
          
          #FF7518
       
9. Flame - 
          
          #E25822
       
10. Mango - 
          
          #FFA500
       
11. Carrot - 
          
          #ED9121
       
12. Cinnamon - 
          
          #D2691E
       

Palette Description: This palette is inspired by the warm and vibrant tones of autumn, featuring shades of orange ranging from deep reds to bright yellows. The colors evoke feelings of energy, warmth, and creativity, making them perfect for projects that aim to stand out and make a bold statement.

Customize Preview Colors

Upgrade to Pro

Primary

Secondary

Accent

Surface

Croma

Dashboard

Analytics

Customers

Settings

John Doe

Admin

Search...

Overview

Welcome back, here's what's happening today.

+12%

$45,231

Total Revenue

+12%

2,345

Active Users

+12%

128

New Orders

Revenue Growth

Shades & Tints

Explore lighter variations (tints) and darker variations (shades) of each color. Click any color to copy its hex code.

Orange Red

#DF4907

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Marigold

#FFB703

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Coral

#FF6B6B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Sunflower

#FFC107

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Apricot

#FEB144

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Tangerine

#FFA544

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Papaya

#FF7F50

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Pumpkin

#FF7518

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Flame

#E25822

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Orange

#FFA500

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Carrot

#ED9121

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Cinnamon

#D2691E

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Copied!

Background Color

Colors

Text Color

Colors

Preview & Analysis

Aa

The quick brown fox jumps over the lazy dog.

Contrast Ratio --

Normal Text

WCAG AA --

WCAG AAA --

Large Text

WCAG AA --

WCAG AAA --

AI Contrast Fix Suggestions

Suggests background & text tweaks to reach WCAG targets.

Optional guidance

Ready to suggest tweaks for AA/AAA.

Suggested pairs

Shortest hop that clears WCAG AA/AAA.

Current: --

Run “Suggest Fixes” to see AI options.

Understanding Contrast Ratios

4.5:1 (Level AA)

The minimum required contrast ratio for normal text to be considered accessible under WCAG 2.1 Level AA. For large text, the requirement is lower at 3.0:1. This is the standard target for most web content.

7.0:1 (Level AAA)

The "gold standard" for accessibility. Achieving a 7.0:1 ratio ensures that your text is readable even for people with significant vision loss. For large text, the AAA requirement is 4.5:1.

What counts as Large Text?

WCAG defines large text as anything 18pt (approx. 24px) or larger, or 14pt (approx. 18.66px) and bold or larger. Most headings fall into this category.

Why it matters

Proper contrast is essential for everyone, but especially for people with color blindness, low vision, or those viewing screens in bright sunlight.

Other Similar Palettes

#DF4907

#FF5733

#FFB703

#F9A602

#FF7F41

#B87333

DF4907

370

#FF0000

#E03C31

#FFA500

#F9A800

#FFFF00

#7FFF00

#008000

#7FFFD4

#0000FF

#EE82EE

#800080

#FF00FF

Vibrant Spectrum

570

#FFA500

#FF8C00

#FF4500

#FF7F50

#FF6347

#FF7F00

#FF4500

#CC5500

#FFDAB9

#FBCEB1

#FFB300

#FF7518

#EC5800

#ED9121

#B87333

#FFA07A

#F4A460

#F28500

#CC7A00

#D6A700

#DAA520

#F08080

#FFDAB9

#FF6F30

#FA8072

#FF6F61

#FFEFD5

#F57200

#FFC300

#FFD700

#FFBF00

#FF6F20

#E2B000

#FBCEB1

#B7410E

#D95F0E

#7B3F00

#C85A2E

#FF6F00

#FFDAB9

#FFCC66

#E45D0D

#B65C50

#E6A100

#FFA500

#EC5800

#E5B400

#FF8C00

#FF5700

#F57C00

#D10000

#F9A800

#D68C32

#FF6F20

#FF6A00

#FF8C00

#FF9F00

#F6A600

Vibrant Orange Spectrum

499

#FF0000

#FF2A00

#FF4D00

#FF7F00

#FFFF00

#AFFF00

#00FF00

#00FF7F

#00FFFF

#00BFFF

#0000FF

#2A00FF

#4D00FF

#7F00FF

#A400FF

#BF00FF

#FF00BF

#FF70BF

#FFB3D9

#D9A6FF

#E6CCFF

#E6B3FF

#D9A6FF

#B3D9FF

#80CCFF

#B3E0FF

#66E0E0

#99FFCC

#99FF00

#66FF33

#4DFF4D

#33CC33

#00CC66

#009933

#006666

#0099CC

#66B3FF

#A3C1FF

#000066

#003366

#0000CC

#000033

#4B0082

#8E5B8B

#FF00FF

#FF007F

#FF3399

#FF6666

#FF9999

#FFCC99

#FFCC66

#FFB366

#FF8C00

#FFBF00

#FFD700

#FFC107

#FFF700

#F6EB61

#FFC300

#FFD700

#FFEF00

#FFFDD0

#F3E5AB

#FFFFF0

#FFFAFA

#F5F5F5

#DCDCDC

#D3D3D3

#C0C0C0

#808080

#696969

#333333

#000000

Rainbow Spectrum

515

#FFCC80

#FFAB40

#FF8F00

#FF6F20

#FF5C00

#FF3D00

#FF5722

#FF9100

#FBC02D

#FFA000

#FFB300

#FF7043

#FFB74D

#FFB300

#FF6F61

#B65A30

#B87532

#FFEB3B

#FFA500

#FF9800

#D77D3D

#F4B400

#FF6F30

#FF5722

#FF7F50

#FF8C69

#FFCC33

#F8B400

#C1440E

#FFE0B2

#FFAB73

#FFDAB9

#F57C00

#FF6F40

#F45D22

#D84F23

#FF4500

#FFDAC6

#FFEB3B

#DAA520

#FFA07A

#FFC107

#D68A3D

#FFCC99

#A37C00

#FFD1A9

#FF8C00

#E08E45

#E74C3C

#FF5722

#FFC300

#FF4C00

#FFAB5B

#E94E00

#B65A30

#F9A800

#FF6B00

#D19A00

#FFC30B

#F57F20

#FF8F00

#FFDAC1

#FF7043

#FF4500

#FFC300

#FFB74D

#C76A30

#FFD59A

#FF7F50

#FF8C00

#FF7F24

#FF6A42

#F6A600

#FFA500

#FFB07C

#F57C20

#FFC107

#FF5722

#D85A00

#FFCC99

#FFAB40

#FFC30D

Life Gives You Oranges

524

#FFC300

#FF5733

#8B4513

#3CB371

#FFF8DC

Marigold Hues

566

History

HueHive

Df4907

About This Color Palette

Customize Preview Colors

Overview

Revenue Growth

Build something amazing

Fast Performance

Secure by Default

Easy to Use

Good Morning

Today

SummerSale

Logo Variations

Business Card

Type Scale

Heading 1

Heading 2

Heading 3

Heading 4

Article Layout

The Future of Color

Why it matters

Abstract

Download Files

SVG Vector

PDF Document

Adobe ASE

CSV Data

Sketch Palette

Figma Tokens

Copy Code

Original Palette

Protanopia

Deuteranopia

Tritanopia

Achromatopsia

Shades & Tints

Orange Red

Tints

Original

Shades

Marigold

Tints

Original

Shades

Coral

Tints

Original

Shades

Sunflower

Tints

Original

Shades

Apricot

Tints

Original

Shades

Tangerine

Tints

Original

Shades

Papaya

Tints

Original

Shades

Pumpkin

Tints

Original

Shades

Flame

Tints

Original

Shades

Orange

Tints

Original

Shades

Carrot

Summer
Sale