Sketch adobe xd ui design colors palette
- #f9ae3b
- #fb746a
- #804f03
- #abacb1
- #b7b4b3
- #0c0c0c
Sketch adobe xd ui design colors palette has 6 colors, mostly orange. The lightest color is Orange (#F9AE3B), the darkest Black (#0C0C0C). Its strongest contrast pair is #0C0C0C on #F9AE3B (10.3:1, WCAG AAA).
Created at 11/30/2019 17:21
The palette consists of Light, Semi dark, Dark colors. Accent colors #804f03 and #abacb1. Palette has Warm, Neutral colors temperature.
By lightness, this palette runs from #0C0C0C (darkest) to #F9AE3B (lightest). The lightness range is wide.
Saturation is mixed — 3 muted and 3 vivid out of 6 colors.
An analogous palette: its hues sit close together on the color wheel, within about 32°.
Overall temperature among swatches leans warm (3 of 6).
HEX codes (sorted): #0C0C0C, #804F03, #ABACB1, #B7B4B3, #F9AE3B, #FB746A
Palette Sketch adobe xd ui design colors palette combines 6 color codes:
HEX: #f9ae3b, RGB: (249, 174, 59); HEX: #fb746a, RGB: (251, 116, 106); HEX: #804f03, RGB: (128, 79, 3)
HEX: #abacb1, RGB: (171, 172, 177); HEX: #b7b4b3, RGB: (183, 180, 179); HEX: #0c0c0c, RGB: (12, 12, 12)
Simplified version of palette colors
Tint of Orange, Shade of Salmon, Tint of Saddle Brown, Tint of Dark Gray, Shade of Silver, Tint of Black
Color scheme was created by colorswall
Color codes in palette
Sketch adobe xd ui design colors palette color codes HEX, RGB information in table
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#f9ae3b | #fb746a | 1.42 |
#f9ae3b | #abacb1 | 1.2 |
#f9ae3b | #b7b4b3 | 1.09 |
#fb746a | #abacb1 | 1.18 |
#fb746a | #b7b4b3 | 1.3 |
#abacb1 | #b7b4b3 | 1.09 |
Image palette Sketch adobe xd ui design colors palette png
Export Palette
Download the "Sketch adobe xd ui design colors palette" in multiple formats for seamless integration into your design projects.
Available formats: