Colors
| Variable | Color | |
| @pk-yellow-100 | #FFD55F | |
| @pk-yellow-200 | #F9CB38 | |
| @pk-yellow-300 | #E8B434 | |
| @pk-red-100 | #F77354 | |
| @pk-red-200 | #F46A40 | |
| @pk-red-300 | #E55C3C | |
| @pk-violet-100 | #8F58AF | |
| @pk-violet-200 | #8743AA | |
| @pk-violet-300 | #763999 | |
| @pk-blue-100 | #1FC0DB | |
| @pk-blue-200 | #12B1D6 | |
| @pk-blue-300 | #10A2C4 | |
| @pk-green-100 | #43DD90 | |
| @pk-green-200 | #11D175 | |
| @pk-green-300 | #0BB761 | |
| @pk-white | #FFF | |
| @pk-gray-100 | #F2F3F4 | |
| @pk-gray-200 | #E3E6E8 | |
| @pk-gray-300 | #A3A7AA | |
| @pk-gray-400 | #727277 | |
| @pk-gray-500 | #505056 | |
| @pk-gray-600 | #3D3F3F | |
| @pk-black | #000 | |
| @pk-alert-warning-100 | #FFF7CC | |
| @pk-alert-warning-200 | #FE9 | |
| @pk-alert-warning-300 | #FFD500 | |
| @pk-alert-danger-100 | #FFCCD0 | |
| @pk-alert-danger-200 | #FF5967 | |
| @pk-alert-danger-300 | #CC2936 | |
| @pk-alert-info-100 | #CEF | |
| @pk-alert-info-200 | #219BD9 | |
| @pk-alert-info-300 | #097AB3 | |
| @pk-alert-success-100 | #D9FFD9 | |
| @pk-alert-success-200 | #4BA64B | |
| @pk-alert-success-300 | #0A660A | |
| @zb-primary | #FFC323 | |
| @zb-primary-light | #FFCE4C | |
| @zb-primary-lightest | #FFDA76 | |
| @zb-primary-dark | #DA9F02 | |
| @zb-primary-darkest | #AB7C00 | |
| @zb-primary-control | @pk-blue-200 | |
| @zb-primary-control-light | @pk-blue-100 | |
| @zb-primary-control-dark | @pk-blue-300 | |
| @zb-secondary-control | @pk-blue-200 | |
| @zb-primary-error | @pk-alert-danger-300 | |
| @zb-primary-header | @pk-green-200 | |
| @zb-secondary-header | @zb-green-dark | |
| @zb-monochrome-border | @pk-gray-200 | |
| @zb-monochrome-text | @zb-heading | |
| @zb-primary-success | @zb-green | |
| @zb-secondary-success | @zb-green-dark | |
| @zb-primary-active | @zb-green | |
| @zb-neutral-border | @pk-gray-200 | |
| @zb-table-row-border | @pk-gray-200 | |
| @zb-dragndrop-text | @pk-gray-300 | |
| @zb-dragndrop-border | @pk-gray-300 | |
| @zb-primary-hr | @zb-table-row-border | |
| @zb-input-placeholder | #CCCFD2 | |
| @zb-white | #ffffff | |
| @zb-green-light | @pk-green-100 | |
| @zb-green | @pk-green-200 | |
| @zb-green-lighter | #5FFAB0 | |
| @zb-green-dark | @pk-green-300 | |
| @zb-blue-light | @pk-blue-100 | |
| @zb-blue | @pk-blue-200 | |
| @zb-blue-dark | @pk-blue-300 | |
| @zb-orange | #FC9F5B | |
| @zb-orange-light | #FCB97D | |
| @zb-orange-dark | #EA8C55 | |
| @zb-red-light | @pk-red-100 | |
| @zb-red | #D4392B | |
| @zb-red-dark | @pk-red-300 | |
| @zb-purple | @pk-violet-100 | |
| @zb-purple-dark | @pk-violet-300 | |
| @zb-yellow-light | @pk-yellow-100 | |
| @zb-yellow-dark | @pk-yellow-300 | |
| @zb-gray-lightest | #eee | |
| @zb-gray-lighter | @pk-gray-100 | |
| @zb-gray-light | @pk-gray-200 | |
| @zb-gray | @pk-gray-300 | |
| @zb-gray-dark | @pk-gray-600 | |
| @zb-heading | @pk-gray-500 | |
| @zb-heading-light | @pk-gray-300 | |
| @zb-text | @zb-gray-dark | |
| @zb-text-light | #8f8f8f | |
| @zb-link | @pk-blue-300 | |
| @zb-background-primary | @pk-white | |
| @zb-background-secondary | #EFF0F2 | |
| @zb-secondary | @pk-gray-300 | |
| @zb-secondary-light | #858585 | |
| @zb-secondary-lighter | #B5B4B4 | |
| @zb-secondary-lightest | #F5F5F6 | |
| @zb-secondary-dark | #727277 | |
| @zb-secondary-darker | #505056 | |
| @zb-secondary-darkest | #3D3F3F | |
| @zb-new-gray-just-for-line-between-cards | #d9dbdd | |
| @zb-background-lighter | @zb-background-secondary | |
| @skin-zb-color | #E8B434 | |
| @skin-zb-nav-bg | @zb-secondary-darker | |
| @skin-zb-a-color | @zb-secondary-lighter | |
| @skin-zb-page-bg | @zb-secondary-lightest |