Color Palette
Statuses, Display Rules, and UI Design
HEX Code | Swatch | Where | Status/Rule | UI |
#163f6e | App | Font, Text, Links, Headers, Form Button Fill, Nav Button Fill | ||
#ffffff | App | Button/Nav Text, Notification Text | ||
#2f96b4 | App | Notification Fill | ||
#e5e5e5 | App | Neutral Message Fill, Table Headers | ||
#f2f2f2 | App | Field Background | ||
#ebebeb | App | Menu Button Fill, Breadcrumb Nav Fill, Trigger Button Fill | ||
#dddddd | App | Button Border | ||
gray | App | Button Hover Border, Button Box Shadow | ||
#4c4c4c | App | Small Button Hover Fill | ||
#f7f7f7 | App | Disabled Button Fill, Big Button Hover Fill | ||
#babbbc | App | Small Login Button Fill | ||
#cbcbcb | App | Disabled Large Trigger Button Fill | ||
#777777 | App | Disabled Large Trigger Button Text | ||
#adb5bd | App | Delete Button Border | ||
#495057 | App | Close Modal Button Fill | ||
white | App | Delete : Before & After Fill, Table Trigger Button Text | ||
#4cae49 | App | Table Trigger Button Fill & Border | ||
black | App | Table Trigger Button Hover Border | ||
#367db7 | App | Table Icon Trigger Button Border, Form Links | ||
#f5901f | TIA | Needs Case Review | ||
#f5901f | TIA | Submitted - Pending Review (Reviewer) | ||
#74b3ff | TIA | Pending Customer Action | ||
#74b3ff | TIA | Submitted - Pending Review (Customer) | ||
#74b3ff | TIA | Under Review (Customer) | ||
#ffe09a | TIA | Under Creation - Not Yet Submitted (Customer) | Warning Message Fill | |
#ffe09a | TIA | Under Review (Reviewer) | Warning Message Fill | |
#ffe09a | TIA | Pending Response Memo | Warning Message Fill | |
#ffe09a | TIA | Pending Final Memo | Warning Message Fill | |
#caf4bc | TIA | Approved (Reviewer) | Confirmation Message Fill | |
#b0e3a9 | TIA | Approved (Customer) | ||
#ffafaf | TIA | Revision Required | Red Alert Message Fill | |
#adadad | TIA | Inactive | ||
#ffe09a | TIA | Mitigation Fields are Blank | Warning Message Fill | |
#e41a1c | DR | Open | ||
#67b36a | DR | Closed | ||
#adadad | DR | On Hold | ||
#e69900 | DR & TIA | North Review Area | ||
#74b3ff | DR & TIA | Central Review Area | ||
#6f6088 | DR & TIA | South Review Area | ||
#adadad | DR | Due Date Normal | ||
#ff9b9c | DR | Due Date Expiring | ||
#ff9b9c | DR | Rejected | ||
#80d07e | DR | Approved | ||
#41ae76 | DR | Recommended | ||
#ff0000 | DR | Not Recommended | ||
#ffe09a | DR | Recommended with Conditions | Warning Message Fill | |
#ff9b9c | DR | Pending Review | ||
#80d07e | DR | Review Complete | ||
#adadad | DR | No Response Received | ||
#ffe09a | DR | In Draft | Warning Message Fill | |
#f3f601 | DR | Assigned Reviewer is Blank |
Last updated
