Generate Palette
  1. Colors palettes
  2. Orange ui figma uiux colours
Created at 01/12/2023 10:00
bypalettespicker
  0.11k

Orange ui figma uiux colours

  • Ultramarine Blue
    #4054fc
  • Caramel
    #f7d697
  • Café Noir
    #543424
  • Café Au Lait
    #a57e4f
  • Lilac
    #c0afcf
  • Deep Koamaru
    #2c3455
The palette consists of Semi dark, Light colors. Accent colors Ultramarine Blue #4054fc and Caramel #f7d697. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #543424 (darkest) to #F7D697 (lightest). The lightness range is moderate.

Saturation is mixed — some muted swatches and some vivid accents.

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #2C3455, #4054FC, #543424, #A57E4F, #C0AFCF, #F7D697

Palette Orange ui figma uiux colours has combination of 6 codes colors:
HEX: #4054fc, RGB: (64, 84, 252); HEX: #f7d697, RGB: (247, 214, 151); HEX: #543424, RGB: (84, 52, 36)
HEX: #a57e4f, RGB: (165, 126, 79); HEX: #c0afcf, RGB: (192, 175, 207); HEX: #2c3455, RGB: (44, 52, 85)
Simplified version of palette colors
Tint of slateblue, Tint of navajowhite, Tint of saddlebrown, Tint of peru, Tint of thistle, Tint of darkslateblue
Color scheme was created by palettespicker

Colors codes in palette

Orange ui figma uiux colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#4054fc #4054fc RGB(64, 84, 252)Ultramarine Blue—
#f7d697 #f7d697 RGB(247, 214, 151)Caramel—
#543424 #543424 RGB(84, 52, 36)Café Noir—
#a57e4f #a57e4f RGB(165, 126, 79)Café Au Lait—
#c0afcf #c0afcf RGB(192, 175, 207)Lilac—
#2c3455 #2c3455 RGB(44, 52, 85)Deep Koamaru—

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#4054fc
#a57e4f
1.46
#f7d697
#c0afcf
1.46
#543424
#2c3455
1.09
#a57e4f
#c0afcf
1.8

Image palette Orange ui figma uiux colours png

Orange ui figma uiux colours - #229249
 Download image