Food website landing page ui uiux
- Big Foot Feet#e59261
- Dark Vanilla#dfc59e
- Mustard Green#687828
- Bronze (Metallic)#a7905c
- Laurel Green#bac69d
- Royal Brown#56442a
Created at 08/19/2022 19:08
The palette consists of Light, Semi dark colors. Accent colors Big Foot Feet #e59261 and Dark Vanilla #dfc59e. Palette has Warm, Cool colors temperature.
By lightness, this palette runs from #56442A (darkest) to #DFC59E (lightest). The lightness range is moderate.
Saturation is mixed — 1 muted and 1 vivid out of 6 colors.
An analogous palette: its hues sit close together on the color wheel, within about 55°.
Overall temperature among swatches leans warm (5 of 6).
HEX codes (sorted): #56442A, #687828, #A7905C, #BAC69D, #DFC59E, #E59261
Palette Food website landing page ui uiux combines 6 color codes:
HEX: #e59261, RGB: (229, 146, 97); HEX: #dfc59e, RGB: (223, 197, 158); HEX: #687828, RGB: (104, 120, 40)
HEX: #a7905c, RGB: (167, 144, 92); HEX: #bac69d, RGB: (186, 198, 157); HEX: #56442a, RGB: (86, 68, 42)
Simplified version of palette colors
Shade of Dark Salmon, Tint of Tan, Tint of Dark Olive Green, Tint of Dark Goldenrod, Tint of Dark Sea Green, Shade of Saddle Brown
Color scheme was created by colorswall
Color codes in palette
Food website landing page ui uiux color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #e59261 | #e59261 | RGB(229, 146, 97) | Big Foot Feet | — |
| #dfc59e | #dfc59e | RGB(223, 197, 158) | Dark Vanilla | — |
| #687828 | #687828 | RGB(104, 120, 40) | Mustard Green | — |
| #a7905c | #a7905c | RGB(167, 144, 92) | Bronze (Metallic) | — |
| #bac69d | #bac69d | RGB(186, 198, 157) | Laurel Green | — |
| #56442a | #56442a | RGB(86, 68, 42) | Royal Brown | — |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#e59261 | #dfc59e | 1.46 |
#e59261 | #a7905c | 1.26 |
#e59261 | #bac69d | 1.35 |
#dfc59e | #a7905c | 1.85 |
#dfc59e | #bac69d | 1.08 |
#687828 | #a7905c | 1.57 |
Image palette Food website landing page ui uiux png
Export Palette
Download the "Food website landing page ui uiux" in multiple formats for seamless integration into your design projects.
Available formats: