Amber palette Materialize CSS
- amber lighten-5#fff8e1
- amber lighten-4#ffecb3
- amber lighten-3#ffe082
- amber lighten-2#ffd54f
- amber lighten-1#ffca28
- amber#ffc107
- amber darken-1#ffb300
- amber darken-2#ffa000
- amber darken-3#ff8f00
- amber darken-4#ff6f00
- amber accent-1#ffe57f
- amber accent-2#ffd740
- amber accent-3#ffc400
- amber accent-4#ffab00
Amber palette Materialize CSS has 14 colors, mostly yellow. The lightest color is Amber lighten-5 (#FFF8E1), the darkest Amber darken-4 (#FF6F00). No color pair reaches the WCAG 3:1 minimum; the best is 2.6:1.
By lightness, this palette runs from #FF6F00 (darkest) to #FFF8E1 (lightest). The lightness range is moderate.
Overall saturation feels vivid (higher chroma) — 100% of colors are vivid.
An analogous palette: its hues sit close together on the color wheel, within about 22°.
Overall temperature among swatches leans warm (13 of 14).
HEX codes (sorted): #FF6F00, #FF8F00, #FFA000, #FFAB00, #FFB300, #FFC107, #FFC400, #FFCA28, #FFD54F, #FFD740, #FFE082, #FFE57F, #FFECB3, #FFF8E1
Color codes in palette
Amber palette Materialize CSS color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #fff8e1 | #fff8e1 | RGB(255, 248, 225) | amber lighten-5 | Still Morning |
| #ffecb3 | #ffecb3 | RGB(255, 236, 179) | amber lighten-4 | — |
| #ffe082 | #ffe082 | RGB(255, 224, 130) | amber lighten-3 | — |
| #ffd54f | #ffd54f | RGB(255, 213, 79) | amber lighten-2 | — |
| #ffca28 | #ffca28 | RGB(255, 202, 40) | amber lighten-1 | — |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | amber | — |
| #ffb300 | #ffb300 | RGB(255, 179, 0) | amber darken-1 | UCLA Gold |
| #ffa000 | #ffa000 | RGB(255, 160, 0) | amber darken-2 | Orange Peel |
| #ff8f00 | #ff8f00 | RGB(255, 143, 0) | amber darken-3 | Princeton Orange |
| #ff6f00 | #ff6f00 | RGB(255, 111, 0) | amber darken-4 | — |
| #ffe57f | #ffe57f | RGB(255, 229, 127) | amber accent-1 | — |
| #ffd740 | #ffd740 | RGB(255, 215, 64) | amber accent-2 | — |
| #ffc400 | #ffc400 | RGB(255, 196, 0) | amber accent-3 | Citrus Splash |
| #ffab00 | #ffab00 | RGB(255, 171, 0) | amber accent-4 | — |
Color Palette Contrast
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#fff8e1 | #ffecb3 | 1.1 |
#fff8e1 | #ffe082 | 1.21 |
#fff8e1 | #ffd54f | 1.32 |
#fff8e1 | #ffca28 | 1.43 |
#fff8e1 | #ffc107 | 1.53 |
#fff8e1 | #ffb300 | 1.68 |
Image palette Amber palette Materialize CSS png
Export Palette
Available formats: