Style Guide
Signature Colors
These are colors that are critical to Alchemy’s brand. Consistent use of these colors will help associate the color to our brand and create testable and repeatable recognition.
Signature Blues:
Pantone 299 C “Alchemy Blue” Hex: #00a1e0 RGB: 0,161,224 XUI: 0 0.631 0.874 | Pantone 301 C “Alchemy Dark Blue” Hex: #004a88 RGB: 0,74,136 XUI: 0 0.29 0.533 | Gradient 1 Horizontal blend between 301 and 299 |
Signature Greys:
Pantone 426 C “Coal Black” Hex: #25282a RGB: 37,40,42 XUI: 0.145 0.157 0.165 | Pantone 425 C “Ash Grey” Hex: #54575a RGB: 84,87,90 XUI: 0.329 0.341 0.353 | Pantone 422 C "Silver Grey" Hex: #9fa2a3 RGB: 159,162,163 XUI: 0.624 0.635 0.639 | Gradient 2 Diagonal blend between 426 and 425 Light side is always in upper left |
Supporting Signature Colors
These are colors that are ancillary and supporting the signature colors. These colors are to be used only in addition to the signature blues to draw emphasis or add extra visual interest to the art when the signature blues and greys are not enough to do the job.
Ancillary Colors:
Pantone 1787 C “Coral Red” Hex: #fa364a RGB: 250,54,74 XUI: 0.98 0.212 0.29 | Pantone 7621 C “Alchemy Scarlet” Hex: #b12029 RGB: 177,32,41 XUI: 0.694 0.125 0.161 | Pantone 2627 C “Purple Drank” Hex: #3d1152 RGB: 61,17,82 XUI: 0.239 0.067 0.322 | Pantone 2597 C “Alchemy Grape” Hex: #5c0f8c RGB: 92,15,140 XUI: 0.361 0.059 0.549 |
Emphasis Colors
These colors are used in UI elements to draw the user’s attention or convey a specific message to the user. These colors mirror/are brand colors, but are not held to the same recognition standards. They are simply meant to be aesthetically pleasing while enhancing usability and readability.
“Primary” Pantone 301 C Hex: #004a88 RGB: 0,74,136 XUI: 0 0.29 0.533 | “Warning” Pantone 159 C Hex: #d25f15 RGB: 210,95,21 XUI: 0.824 0.373 0.082 | “Danger/Error” Pantone 7621 C Hex: #b12029 RGB: 177,32,41XUI: 0.694 0.125 0.161 | “Information” Pantone 299 C Hex: #00a1e0 RGB: 0,161,224XUI: 0 0.631 0.878 |
“Success” Pantone 360 C Hex: #6bc04b RGB: 107,192,75 XUI: 0.42 0.753 0.294 | “UrgentInfo” Pantone 142 C Hex: #f4be49 RGB: 244,190,73 XUI: 0.957 0.745 0.286 | “Misc” Pantone 2597 C Hex: #5c0f8c RGB: 92,15,140 XUI: 0.361 0.059 0.549 | “Misc 2” Pantone 1787 C Hex: #fa364a RGB: 250,54,74 XUI: 0 0.212 0.29 |