Loading...
Created at 02/09/2022 09:12
Typography ux design web palette
- Android Green#a9b747
- Dirty White#e2e7c1
- Soldier Green#575f25
- Bazaar#94746c
- Laurel Green#b1b7a4
- Rifle Green#444c3c
The palette consists of Light, Semi dark colors. Accent colors Android Green #a9b747 and Dirty White #e2e7c1. Palette has Warm, Neutral colors temperature.
By lightness, this palette runs from #575F25 (darkest) to #E2E7C1 (lightest). The lightness range is wide.
Saturation sits in a moderate mid-range.
Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).
Overall temperature among swatches leans warm.
HEX codes (sorted): #444C3C, #575F25, #94746C, #A9B747, #B1B7A4, #E2E7C1
Palette Typography ux design web palette has combination of 6 codes colors:
HEX: #a9b747, RGB: (169, 183, 71); HEX: #e2e7c1, RGB: (226, 231, 193); HEX: #575f25, RGB: (87, 95, 37)
HEX: #94746c, RGB: (148, 116, 108); HEX: #b1b7a4, RGB: (177, 183, 164); HEX: #444c3c, RGB: (68, 76, 60)
Simplified version of palette colors
Tint of darkkhaki, Tint of lightgoldenrodyellow, Tint of darkolivegreen, Tint of rosybrown, Shade of darkgrey, Shade of darkslategrey
Color scheme was created by colorswall
Colors codes in palette
Typography ux design web palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #a9b747 | #a9b747 | RGB(169, 183, 71) | Android Green | — |
| #e2e7c1 | #e2e7c1 | RGB(226, 231, 193) | Dirty White | — |
| #575f25 | #575f25 | RGB(87, 95, 37) | Soldier Green | — |
| #94746c | #94746c | RGB(148, 116, 108) | Bazaar | — |
| #b1b7a4 | #b1b7a4 | RGB(177, 183, 164) | Laurel Green | — |
| #444c3c | #444c3c | RGB(68, 76, 60) | Rifle Green | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#a9b747 | #e2e7c1 | 1.72 |
#a9b747 | #94746c | 1.92 |
#a9b747 | #b1b7a4 | 1.06 |
#e2e7c1 | #b1b7a4 | 1.61 |
#575f25 | #94746c | 1.62 |
#575f25 | #444c3c | 1.3 |
Image palette Typography ux design web palette png
Export Palette
Download the "Typography ux design web palette" in multiple formats for seamless integration into your design projects.
Available formats: