Created at 12/12/2017 10:56
Foundation 6 colors
- Primary#1779ba
- Secondary#767676
- Success#3adb76
- Warning#ffae00
- Alert#cc4b37
- White#ffffff
- Light Gray#e6e6e6
- Medium Gray#cacaca
- Dark Gray#8a8a8a
- Black#000000
The palette consists of Semi dark, Light, Dark colors. Accent colors Primary #1779ba and Warning #ffae00. Palette has Cool, Neutral, Warm colors temperature.
By lightness, this palette runs from #000000 (darkest) to #FFFFFF (lightest). The lightness range is wide.
Overall saturation feels mostly muted (lower chroma) — 60% of colors are muted.
Most swatches are near-neutral or very low-chroma, so hue relationships are subtle.
Most swatches read as neutral in color temperature (6 of 10).
HEX codes (sorted): #000000, #1779BA, #3ADB76, #767676, #8A8A8A, #CACACA, #CC4B37, #E6E6E6, #FFAE00, #FFFFFF
Palette Foundation 6 colors combines 10 color codes:
HEX: #1779ba, RGB: (23, 121, 186); HEX: #767676, RGB: (118, 118, 118); HEX: #3adb76, RGB: (58, 219, 118)
HEX: #ffae00, RGB: (255, 174, 0); HEX: #cc4b37, RGB: (204, 75, 55); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #e6e6e6, RGB: (230, 230, 230); HEX: #cacaca, RGB: (202, 202, 202); HEX: #8a8a8a, RGB: (138, 138, 138)
HEX: #000000, RGB: (0, 0, 0)
Simplified version of palette colors
Shade of steelblue, Shade of Grey, Shade of mediumspringgreen, Tint of Orange, Shade of indianred, White, Tint of gainsboro, Tint of Silver, Tint of Grey, Black
Color scheme was created by mz
Color codes in palette
Foundation 6 colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #1779ba | #1779ba | RGB(23, 121, 186) | Primary | — |
| #767676 | #767676 | RGB(118, 118, 118) | Secondary | — |
| #3adb76 | #3adb76 | RGB(58, 219, 118) | Success | — |
| #ffae00 | #ffae00 | RGB(255, 174, 0) | Warning | — |
| #cc4b37 | #cc4b37 | RGB(204, 75, 55) | Alert | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #e6e6e6 | #e6e6e6 | RGB(230, 230, 230) | Light Gray | Extraordinary Abundance of Tinge |
| #cacaca | #cacaca | RGB(202, 202, 202) | Medium Gray | — |
| #8a8a8a | #8a8a8a | RGB(138, 138, 138) | Dark Gray | Gray54 |
| #000000 | #000000 | RGB(0, 0, 0) | Black | — |
Color Palette Contrast
18 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#1779ba | #767676 | 1.03 |
#1779ba | #cc4b37 | 1.03 |
#1779ba | #8a8a8a | 1.35 |
#767676 | #cc4b37 | 1 |
#767676 | #8a8a8a | 1.31 |
#3adb76 | #ffae00 | 1.02 |
Image palette Foundation 6 colors png
Export Palette
Download the "Foundation 6 colors" in multiple formats for seamless integration into your design projects.
Available formats: