Actionable Colors Recommendation
It is imperative for users to quickly identify what components on the user interface are actionable. This case study reviews actionable buttons and text recommendations to inform the KP Design community about the most current design trends. To read more about the thought process for our recommendations, please refer to Actionable Colors Background .
Recommendations
In 2019, these actionable colors will be changing as KP Mobile will be adopting KP Brand Center’s updated KP Actionable Blue (#0078B3) for their actionable button. KP Mobile follows the Mobile Guidelines and Brand Center Guidelines . The former KP Actionable Blue (#006BA6) and the updated KP Mobile Actionable Blue (#0078B3) are very similar but the updated KP Mobile Actionable Blue is slightly brighter. Therefore, to align with KP Brand Center, KP Mobile and KP.org styles, we recommend using the updated KP Mobile Actionable Blue (#0078B3) for all actionable buttons and a brighter blue (#0E77D1) for all actionable text. This will create style consistency in our mobile applications.
Want to learn more? Check out these case studies below:
![]() |
Actionable Colors Background Exploration for actionable colors for buttons and colors. |
![]() |
Actionable Item Controls Best practices for implementing segmented controls and tab bars. Investigating the UI for an item in a “disabled” state. |
![]() |
Mobile Fonts – System and Custom Considerations to take when using system or custom fonts. |
![]() |
Modal Design Exploration of iOS and Android modal designs. |