Pastel Orange

#FFC067

What color is Pastel Orange?

Pastel orange is a soft, warm tone with a gentle peachy glow, hex #FFC067, similar in warmth to a ripe apricot. It has a creamy, sunlit quality that keeps it light without fading into yellow or pink.

What is the meaning of the color Pastel Orange?

Orange as a distinct color name entered English around 1512, borrowed from the Old French orenge, which traced back to the Sanskrit naranga through Arabic and Persian trade routes for the citrus fruit. Pastel versions of orange gained traction in the 18th and 19th centuries as European textile and wallpaper industries began producing softer, diluted dye lots for domestic interiors. The Victorians adopted muted oranges widely in printed fabrics and decorative tile work, particularly in Britain during the 1870s Arts and Crafts movement led by designers such as William Morris. Farrow and Ball, the British paint company, has continued this tradition with tones such as Orangery, anchoring soft orange firmly in the language of refined interior color.

RGB
255, 192, 103
HSL
35°, 100%, 70%
CMYK
0, 25, 60, 0
HSV
35°, 60%, 100%
Pastel orange color

What colors go with Pastel Orange?

Colors that pair well with Pastel orange include:
Soft white: clean, airy contrast
Sage green: earthy, calming balance
Dusty blue: cool against warm
Warm taupe: gentle tonal depth
Terracotta: rich, harmonious warmth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FFC067 color: #FFC067;
RGB 255, 192, 103 color: rgb(255, 192, 103);
RGB Percentage 100%, 75%, 40% color: rgb(100%, 75%, 40%);
CMYK 0%, 25%, 60%, 0% Not supported in CSS
HSL 35°, 100%, 70% color: hsl(35, 100%, 70%);
HSV 35°, 60%, 100% Not supported in CSS
CIE-LAB 56, 13, 30 color: lab(56% 13 30);
Decimal 16760935 Not supported in CSS

Color Variations

Shades

#FFBF66
#FFB042
#FFA21F
#FA9200
#D67D00
#B36800
#8F5300
#6B3E00

Tints

#FFECD1
#FFE6C2
#FFDFB3
#FFD9A3
#FFD294
#FFCC85
#FFC675
#FFBF66

Tones

#FFBF66
#F7BE6E
#F0BD75
#E8BB7D
#E0BA85
#D9B98C
#D1B894
#C9B69C

Hues

#FFBF66
#CCFF66
#66FF73
#66FFE6
#66A6FF
#9966FF
#FF66F2
#FF6680

Color Harmonies

Analogous

#FF7366
Click to copy
#FFC067
Click to copy
#F2FF66
Click to copy

Complementary

#FFC067
Click to copy
#66A6FF
Click to copy

Split Complementary

#FFC067
Click to copy
#66F2FF
Click to copy
#7366FF
Click to copy

Triadic

#FFC067
Click to copy
#66FFBF
Click to copy
#BF66FF
Click to copy

Tetradic

#FFC067
Click to copy
#66FF73
Click to copy
#66A6FF
Click to copy
#FF66F2
Click to copy

Square

#FFC067
Click to copy
#66FF73
Click to copy
#66A6FF
Click to copy
#FF66F2
Click to copy

CSS & Dev Snippets

CSS
.pastel-orange {
  color: #FFC067;
}
SCSS
$pastel-orange: #FFC067;
RGB
rgb(255, 192, 103)

Accessibility & Contrast

White background

1.62:1
1.62
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

12.99:1
12.99
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags