20 Colors
- Red#f44336
- Pink#e81e63
- Purple#9c27b0
- Deep Purple#673ab7
- Indigo#3f51b5
- Blue#2196f3
- Light Blue#03a9f4
- Cyan#00bcd4
- Teal#009688
- Green#4caf50
- Light Green#8bc34a
- Lime#cddc39
- Yellow#ffeb3b
- Amber#ffc107
- Orange#ff9800
- Deep Orange#ff5722
- #cc495b
- Brown#795548
- Gray#9e9e9e
- Blue Gray#607d8b
Created at 10/13/2022 03:30
The palette consists of Light, Semi dark colors. Accent colors Cyan #00bcd4 and Yellow #ffeb3b. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #673AB7 (darkest) to #FFEB3B (lightest). The lightness range is moderate.
Overall saturation feels vivid (higher chroma) — 65% of colors are vivid.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans warm (10 of 20).
HEX codes (sorted): #009688, #00BCD4, #03A9F4, #2196F3, #3F51B5, #4CAF50, #607D8B, #673AB7, #795548, #8BC34A, #9C27B0, #9E9E9E, #CC495B, #CDDC39, #E81E63, #F44336, #FF5722, #FF9800, #FFC107, #FFEB3B
Palette 20 Colors combines 20 color codes:
HEX: #f44336, RGB: (244, 67, 54); HEX: #e81e63, RGB: (232, 30, 99); HEX: #9c27b0, RGB: (156, 39, 176)
HEX: #673ab7, RGB: (103, 58, 183); HEX: #3f51b5, RGB: (63, 81, 181); HEX: #2196f3, RGB: (33, 150, 243)
HEX: #03a9f4, RGB: (3, 169, 244); HEX: #00bcd4, RGB: (0, 188, 212); HEX: #009688, RGB: (0, 150, 136)
HEX: #4caf50, RGB: (76, 175, 80); HEX: #8bc34a, RGB: (139, 195, 74); HEX: #cddc39, RGB: (205, 220, 57)
HEX: #ffeb3b, RGB: (255, 235, 59); HEX: #ffc107, RGB: (255, 193, 7); HEX: #ff9800, RGB: (255, 152, 0)
HEX: #ff5722, RGB: (255, 87, 34); HEX: #cc495b, RGB: (204, 73, 91); HEX: #795548, RGB: (121, 85, 72)
HEX: #9e9e9e, RGB: (158, 158, 158); HEX: #607d8b, RGB: (96, 125, 139)
Simplified version of palette colors
Shade of tomato, Tint of crimson, Shade of darkorchid, Shade of blueviolet, Shade of slateblue, Tint of dodgerblue, Shade of deepskyblue, Shade of darkturquoise, Tint of darkcyan, Shade of mediumseagreen, Shade of Yellowgreen, Tint of Yellowgreen, Shade of Yellow, Shade of gold, Tint of darkorange, Tint of orangered, Shade of indianred, Shade of sienna, Shade of darkgrey, Shade of slategrey
Color scheme was created by Hawk
Color codes in palette
20 Colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #f44336 | #f44336 | RGB(244, 67, 54) | Red | — |
| #e81e63 | #e81e63 | RGB(232, 30, 99) | Pink | — |
| #9c27b0 | #9c27b0 | RGB(156, 39, 176) | Purple | — |
| #673ab7 | #673ab7 | RGB(103, 58, 183) | Deep Purple | — |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Indigo | — |
| #2196f3 | #2196f3 | RGB(33, 150, 243) | Blue | — |
| #03a9f4 | #03a9f4 | RGB(3, 169, 244) | Light Blue | — |
| #00bcd4 | #00bcd4 | RGB(0, 188, 212) | Cyan | — |
| #009688 | #009688 | RGB(0, 150, 136) | Teal | — |
| #4caf50 | #4caf50 | RGB(76, 175, 80) | Green | — |
| #8bc34a | #8bc34a | RGB(139, 195, 74) | Light Green | — |
| #cddc39 | #cddc39 | RGB(205, 220, 57) | Lime | — |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Yellow | — |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | Amber | — |
| #ff9800 | #ff9800 | RGB(255, 152, 0) | Orange | — |
| #ff5722 | #ff5722 | RGB(255, 87, 34) | Deep Orange | — |
| #cc495b | #cc495b | RGB(204, 73, 91) | — | — |
| #795548 | #795548 | RGB(121, 85, 72) | Brown | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Gray | Gray62 |
| #607d8b | #607d8b | RGB(96, 125, 139) | Blue Gray | — |
Color Palette Contrast
119 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#f44336 | #e81e63 | 1.18 |
#f44336 | #9c27b0 | 1.71 |
#f44336 | #673ab7 | 1.98 |
#f44336 | #3f51b5 | 1.86 |
#f44336 | #2196f3 | 1.17 |
#f44336 | #03a9f4 | 1.4 |
Image palette 20 Colors png
Export Palette
Download the "20 Colors" in multiple formats for seamless integration into your design projects.
Available formats: