Webdesign interface typography design hex colors
- Laurel Green#b4b4a0
- Jacko Bean#3c3c28
- Olive Drab Camouflage#50503c
- Pine Tree#282814
- Wenge#646450
- Black#141414
Created at 05/08/2023 13:37
The palette consists of Light, Semi dark, Dark colors. Accent colors Jacko Bean #3c3c28 and Pine Tree #282814. Palette has Neutral, Warm colors temperature.
By lightness, this palette runs from #141414 (darkest) to #B4B4A0 (lightest). The lightness range is wide.
Overall saturation feels mostly muted (lower chroma) — 83% of colors are muted.
Most swatches are near-neutral or very low-chroma, so hue relationships are subtle.
Overall temperature among swatches leans warm (3 of 6).
HEX codes (sorted): #141414, #282814, #3C3C28, #50503C, #646450, #B4B4A0
Palette Webdesign interface typography design hex colors combines 6 color codes:
HEX: #b4b4a0, RGB: (180, 180, 160); HEX: #3c3c28, RGB: (60, 60, 40); HEX: #50503c, RGB: (80, 80, 60)
HEX: #282814, RGB: (40, 40, 20); HEX: #646450, RGB: (100, 100, 80); HEX: #141414, RGB: (20, 20, 20)
Simplified version of palette colors
Tint of Dark Gray, Shade of Dark Slate Gray, Shade of Dim Gray, Tint of Black, Shade of Dim Gray, Tint of Black
Color scheme was created by bad_colors
Color codes in palette
Webdesign interface typography design hex colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #b4b4a0 | #b4b4a0 | RGB(180, 180, 160) | Laurel Green | — |
| #3c3c28 | #3c3c28 | RGB(60, 60, 40) | Jacko Bean | — |
| #50503c | #50503c | RGB(80, 80, 60) | Olive Drab Camouflage | — |
| #282814 | #282814 | RGB(40, 40, 20) | Pine Tree | — |
| #646450 | #646450 | RGB(100, 100, 80) | Wenge | — |
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#3c3c28 | #50503c | 1.36 |
#3c3c28 | #282814 | 1.33 |
#3c3c28 | #646450 | 1.86 |
#3c3c28 | #141414 | 1.63 |
#50503c | #282814 | 1.81 |
#50503c | #646450 | 1.36 |
Image palette Webdesign interface typography design hex colors png
Export Palette
Download the "Webdesign interface typography design hex colors" in multiple formats for seamless integration into your design projects.
Available formats: