Loading...
Created at 02/12/2023 10:25
Branding figma design website ui palette
- Big Foot Feet#f5955a
- Almond#f3d8c8
- Dark Sienna#341c12
- Cadet Blue#5e9aa7
- Khaki (HTML/CSS)#c8a793
- Royal Brown#583a2c
The palette consists of Light, Dark colors. Accent colors Big Foot Feet #f5955a and Cadet Blue #5e9aa7. Palette has Warm, Neutral, Cool colors temperature.
By lightness, this palette runs from #341C12 (darkest) to #F3D8C8 (lightest). The lightness range is wide.
Saturation sits in a moderate mid-range.
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans warm.
HEX codes (sorted): #341C12, #583A2C, #5E9AA7, #C8A793, #F3D8C8, #F5955A
Palette Branding figma design website ui palette has combination of 6 codes colors:
HEX: #f5955a, RGB: (245, 149, 90); HEX: #f3d8c8, RGB: (243, 216, 200); HEX: #341c12, RGB: (52, 28, 18)
HEX: #5e9aa7, RGB: (94, 154, 167); HEX: #c8a793, RGB: (200, 167, 147); HEX: #583a2c, RGB: (88, 58, 44)
Simplified version of palette colors
Tint of sandybrown, Tint of peachpuff, Shade of Black, Tint of cadetblue, Tint of tan, Tint of saddlebrown
Color scheme was created by hex
Colors codes in palette
Branding figma design website ui palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #f5955a | #f5955a | RGB(245, 149, 90) | Big Foot Feet | — |
| #f3d8c8 | #f3d8c8 | RGB(243, 216, 200) | Almond | — |
| #341c12 | #341c12 | RGB(52, 28, 18) | Dark Sienna | — |
| #5e9aa7 | #5e9aa7 | RGB(94, 154, 167) | Cadet Blue | — |
| #c8a793 | #c8a793 | RGB(200, 167, 147) | Khaki (HTML/CSS) | — |
| #583a2c | #583a2c | RGB(88, 58, 44) | Royal Brown | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f5955a | #f3d8c8 | 1.65 |
#f5955a | #5e9aa7 | 1.4 |
#f5955a | #c8a793 | 1 |
#f3d8c8 | #c8a793 | 1.64 |
#341c12 | #583a2c | 1.55 |
#5e9aa7 | #c8a793 | 1.41 |
Image palette Branding figma design website ui palette png
Export Palette
Download the "Branding figma design website ui palette" in multiple formats for seamless integration into your design projects.
Available formats: