Burnished Sun

Meet Burnished Sun (#FDCA67), a rich golden yellow that radiates warmth without being overpowering. Its striking quality lies in its perfect balance between a sun-kissed glow and a sophisticated, earthy undertone, making it a compelling choice for any design palette.

What color is Burnished Sun?

What is the meaning of Burnished Sun?

How do I use Burnished Sun (#FDCA67) in UI design?

Using Burnished Sun color codes

Burnished Sun

#FDCA67

Access our full UI & UX library today.

What color is Burnished Sun?

What is the meaning of Burnished Sun?

How do I use Burnished Sun (#FDCA67) in UI design?

Using Burnished Sun color codes

Burnished Sun Code Conversions

HEX

#FDCA67

LAB

84, 7, 55

RGB

253, 202, 103

XYZ

64.1, 64.1, 21.8

HSL

40°, 97%, 70%

LCH

84, 56, 82°

HSB

40°, 59%, 99%

LUV

84, 40, 66

CMYK

0, 20, 59, 1

CMYK

0, 20, 59, 1

HWB

40°, 40%, 1%

Burnished Sun Color Harmonies

Analogous

Built from colors adjacent to Burnished Sun on the color wheel, analogous palettes produce a unified and tranquil effect perfect for soothing interfaces.

#FD7F67

#FDCA67

#E5FD67

#FD7F67

#FDCA67

#E5FD67

Complementary

Complementary colors sit opposite each other on the color wheel. When paired with Burnished Sun, they create a striking, high-contrast visual effect.

#FDCA67

#679AFD

#FDCA67

#679AFD

Split Complementary

A split complementary scheme for Burnished Sun uses the two colors adjacent to its direct complement, offering a vibrant yet balanced palette.

#FDCA67

#67E5FD

#7F67FD

#FDCA67

#67E5FD

#7F67FD

Triadic

Triadic schemes select three hues equally spaced on the color wheel. With Burnished Sun as a base, this creates a vibrant, high-contrast palette.

#FDCA67

#67FDCA

#CA67FD

#FDCA67

#67FDCA

#CA67FD

Tetradic

A tetradic scheme uses four colors forming two complementary pairs, with Burnished Sun anchoring these versatile and vibrant four-color palettes.

#FDCA67

#67FD7F

#679AFD

#FD67E5

#FDCA67

#67FD7F

#679AFD

#FD67E5

Square

A square scheme pairs four colors equidistant on the color wheel. This arrangement, with Burnished Sun, produces a palette with strong, balanced contrast.

#FDCA67

#67FD7F

#679AFD

#FD67E5

#FDCA67

#67FD7F

#679AFD

#FD67E5

Burnished Sun Contrast Simulation

Text Color

#

Background Color

#

13.82

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

13.82

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Burnished Sun Color Variations

Shades

By adding black to Burnished Sun, you create shades that add depth and visual weight.

#FDCA67

#D9AD58

#B5904A

#91733B

#6C572C

#483A1D

#241D0F

#000000

#FDCA67

#D9AD58

#B5904A

#91733B

#6C572C

#483A1D

#241D0F

#000000

Tints

Tints are lighter variations of Burnished Sun, made by adding white to soften the hue.

#FDCA67

#FDD27D

#FED992

#FEE1A8

#FEE8BE

#FEF0D4

#FFF7E9

#FFFFFF

#FDCA67

#FDD27D

#FED992

#FEE1A8

#FEE8BE

#FEF0D4

#FFF7E9

#FFFFFF

Tones

Tones are muted versions of Burnished Sun, created by adding gray to soften the color's saturation.

#FDCA67

#EBBF6B

#D9B56E

#C7AA72

#B6A075

#A49579

#928B7C

#808080

#FDCA67

#EBBF6B

#D9B56E

#C7AA72

#B6A075

#A49579

#928B7C

#808080

Hues

Hues are variations of Burnished Sun, differing in intensity or temperature for diverse effects.

#FDCA67

#BFFD67

#67FD7F

#67FDF0

#679AFD

#A567FD

#FD67E5

#FD6774

#FDCA67

#BFFD67

#67FD7F

#67FDF0

#679AFD

#A567FD

#FD67E5

#FD6774

What Interfaces Use Colors Like Burnished Sun?

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox